2

我正在使用 Drupal Views、ajax 和 hoverIntent 插件的组合来显示内容。问题是，在 ajax 请求之后，'hoverIntent' 事件不再绑定到我的选择器（在这种情况下是视图的每一行）。有人对此有解决方案吗？

链接到插件未压缩的 hoverIntent js

hoverIntent 主页

我的代码如下 -

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);

编辑：阿贾克斯：

    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 函数中。我不确定这是否是最好的方法。但它有效。

4

1 回答 1

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();
    }
于 2011-06-29T20:39:34.017 回答