我正在使用Drupal Views,ajax和hoverIntent插件的组合来显示内容。问题是,在ajax请求之后,'hoverIntent'事件不再绑定到my选择器(在这种情况下是视图的每一行)。有人有解决方案吗?
Link to plug-in uncompressed hoverIntent js
我的代码如下 -
hoverIntent:如果光标位于其上并同时折叠所有其他行,则会扩展一行。
$('.view-latest-new .views-field-field-story-lead-image-fid').addClass('expand');
var config = {
over: function() {
var expand = $(this).find(".expand");
if(expand.css("display") == "none")
{
$(".expand").slideUp("fast");
$(this).find(".expand").slideDown("fast");
}
},
out: function() {
}
};
$('.view-home .views-row').hoverIntent(config);
编辑: Ajax:
var container = $('#content-inner');
$('#block-menu-secondary-links a').bind('click', function(){
var trigger = $(this);
var arg = trigger.attr('title');
doAjax(arg,container);
return false;
});
function doAjax(arg,container){
$.ajax({
url: 'views/ajax?view_name=home&view_display_id=page_1&view_args'+arg,
timeout:5000,
success: function(data){
var result = Drupal.parseJson(data);
updateContainer(result.display);
},
});
};
function updateContainer(content){
container.html(content);
$('.view-latest-new .views-field-field-story-lead-image-fid').addClass('expand');
$('.view-latest-new .views-row').hoverIntent(config);
}
谢谢!
编辑2:我找到了解决方案;通过将$('.view-home .views-row').hoverIntent(config);
添加到updateContainer函数中。我不确定这是不是最好的方法。但它确实有效。
答案 0 :(得分:1)
解决方案:
我已将'hoverIntent'事件移入其自己的函数中。然后我在文档准备就绪时以及在ajax请求完成之后调用。
function hoverInit() {
$('.view-latest-new .views-field-field-story-lead-image-fid').addClass('expand').parent().hoverIntent(config);
}
hoverInit();
function updateContainer(content){
container.html(content);
hoverInit();
}