我有一个这样的index.html.erb
<div id="carte_items">
<ul id="nav">
<li id="category_14" class="category-group">
<p class="category">Pizzas tradicionais</p>
<ul class="tags">
<li>
<div class="links" style="display: none;">
<a href="#" data-method="delete" data-remote="true" rel="nofollow">
<i class="icon-trash icon-white"></i>
</a>
<a href="#" data-remote="true">
<i class="icon-pencil icon-white"></i>
</a>
</div>
Pizza X
</li>
<li>
<div class="links" style="display: none;">
<a href="#" data-method="delete" data-remote="true" rel="nofollow">
<i class="icon-trash icon-white"></i>
</a>
<a href="#" data-remote="true">
<i class="icon-pencil icon-white"></i>
</a>
</div>
Pizza X
</li>
</ul>
</li>
</ul>
</div>
所以,我的产品里有这个
$("ul.tags li").on('mouseover', () ->
$(this).find('.links').show()
).on('mouseout', () ->
$(this).find('.links').hide()
)
当我第一次访问index.html.erb时,一切正常但是对于仍然像第一次访问一样工作的链接,我必须将products.js.coffee中的源代码复制到index.js.erb下面就像当我使用我的搜索时,使用ajax进行搜索,如果我不复制下面的源代码,“.links”将不再显示。
我有这样的index.js.erb
$("#carte_items").html("<%= j(render 'carte_items') %>");
$("ul.tags li").on('mouseover', function() {
return $(this).find('.links').show();
}).on('mouseout', function() {
return $(this).find('.links').hide();
});
为什么要复制源它不必只使用products.js.coffee文件中的源代码而不复制到index.js.erb??
谢谢你的帮助。
最佳答案
试试这个:
$("ul.tags").delegate('li', 'mouseover', () ->
$(this).find('.links').show()
).delegate('li', 'mouseout', () ->
$(this).find('.links').hide()
)
或:
$("ul.tags").on('mouseover', 'li', () ->
$(this).find('.links').show()
).on('mouseout', 'li', () ->
$(this).find('.links').hide()
)