javascript - 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 代码。呃...所以它最初是在准备好文档时加载的，所以在我触发模态时它已经被触发了，而模态需要再次触发它。所以我将代码移到了模态点击函数中，一切都很好。