Raty JS在Vex模式中无法正常工作

Question

我有一个正常的vex弹出窗口，但Raty内部的评级不正常。它们在网站上的其他任何地方都能正常工作，但不适用于此模式。星星出现给你评价（所有功能相同），但你不能点击或悬停。

这是Vex模态的JS函数。

$(document).ready ->                                                           
  $("#comment_post").click (event)->
    event.preventDefault();

    vex.defaultOptions.className = 'vex-theme-plain';
    vex.open
      content: $('.rating-modal').html();
      showCloseButton: false
      escapeButtonCloses: false
      closeClassName: "close-rating"

这是Raty代码

$(".user_rating").raty({                                                 
  score: 0,                                                              
  half: true,                                                            
  halfShow: true,                                                        
  click: function( score, evt ) {                                        
    $.ajax({                                                             
      type: 'POST',                                                      
      url: "#{store_rating_create_path}",                                
      data: { rating: score, user_id: "#{current_user.id}", store_id: "#{@store.id}" }                                                                     
    }).done(function (data){});                                          
  }                                                                      
});   

没有控制台错误，我不确定发生了什么。明星出现但他们没有运作。

Answer 1

我需要在模态Click事件中包含Raty代码。 Duh ......所以它最初装载在Doc准备就绪，所以当我发射模态时它已经被解雇了，模态需要它再次被解雇。所以我将代码移到了模态点击功能中，一切都很顺利。