Raty在Vex模式下无法正常工作

Question

我有一个能正常工作的vex弹出窗口，但是里面的Rati值却不能正常工作。它们在网站上的其他地方都可以正常工作，但在这个模式下不是这样。星标会显示出来，让你进行评分(都在同一个功能中)，但你不能点击或悬停。

下面是我的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"

这是Rati码

$(".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代码。嗯..。所以它最初是在Doc ready上加载的，所以在我启动模式的时候它已经启动了，而模式需要再次启动它。因此，我将代码移到了模式单击函数中，一切都很好。