J查询 .Ajax的悬停问题
Jquery .Hover issue with Ajax
我有这个代码:
cuts_html = '';
for( i = 0; i < attachments.length; i++ ) {
fburl3 = site_url + '/haircut-detail/?img_id=' + attachments[i].ID + '&uid=' + attachments[i].post_author;
if( isNaN(attachments[i].view_count) ) attachments[i].view_count = 0;
cuts_html += '<div id="controller-image" class="cut-image">';
cuts_html += '<div id="cut-imageplacer">';
cuts_html += '<div class="cut-image-info">' +
'By <a href="' + user_profile_url +
'&user_id=' + attachments[i].post_author + '">' +
attachments[i].author_name + '</a>' +
'</div>';
cuts_html += '<div class="commentbox-1">' +
'<img src="https://d2xcq4qphg1ge9.cloudfront.net/assets/17276/435546/original_views.png"> ' +
attachments[i].view_count +
' <img src="https://d2xcq4qphg1ge9.cloudfront.net/assets/17276/435545/original_talk-bubble.png"> ' +
'<fb:comments-count href="' + fburl3 + '"></fb:comments-count>' +
'</div></div>';
cuts_html += '<a class="cut-image-a" ' +
'href="' + image_detail_url +
'?uid=' + attachments[i].post_author +
'&img_id=' + attachments[i].ID + '">' +
attachments[i].attachment_image_html + '</a>';
cuts_html += '</div>';
}
Div Id cut-imageplacer
是display:none
,所以我想要的是当有人悬停在controller-image
div上时,当然,在未打开时显示和隐藏cut-imageplacer
。我使用此代码:
<script type="text/javascript">$(document).ready(function(){ $('.cut-image').hover(
function(){ $('#cut-imageplacer').show();
}, function () { $('#cut-imageplacer').hide(); }); }); </script>
但它不起作用...知道我做错了什么吗?还是指出我正确的方向?
看起来您正在尝试将事件附加到正在动态创建的元素。创建这些元素后,需要使用 Live()
或 On()
将事件附加到这些元素。看看这个和这个,看看如何使用它们。
喜欢:
<script type="text/javascript">
$(document).ready(function(){
$('.cut-image').live("hover",
function(){
$('#cut-imageplacer').show();
}, function () {
$('#cut-imageplacer').hide();
});
}); </script>
相关文章:
- jquery快速悬停问题
- d3.js鼠标悬停鼠标输出问题
- 有问题的突出显示(悬停)一个系列,突出显示图表
- 如何在 jquery 中克服此问题以获得动画悬停效果
- 在悬停问题上更改输入
- J查询 .Ajax的悬停问题
- j查询悬停问题 - 最后一个 li 元素保持悬停状态
- Jquery 悬停问题与图像和文本
- React.js显示了悬停问题组件的一部分
- 很难解释,一个奇怪的javascript鼠标悬停问题
- Javascript悬停问题
- Jquery鼠标悬停问题
- 修复:在iOS设备上的悬停问题,普遍使用jQuery
- 交互式地图(非Flash)悬停问题
- 引导3导航列表项目悬停问题
- DIV与边界悬停问题
- 快速的JavaScript悬停问题
- 鼠标悬停问题和 jquery 问题
- j查询悬停问题
- 如何解决这个恼人的jQuery鼠标悬停问题