Question

我正在为投资组合项目创建一个带有wordpress的插件。一切正常。但问题是当我应用过滤器时，悬停效果停止了对克隆项目的处理也可用JS FIDDLE

下面给出了jquery代码

/* Scroll to Top Button */
jQuery(document).ready(function() {

    // Animate Box Shadow on some elements
    // Add the overlay. We don't need it in HTML so we create it here



    // Clone portfolio items to get a second collection for Quicksand plugin
    var $portfolioClone = jQuery(".rudra-portfolio").clone(true);

    // Attempt to call Quicksand on every click event handler
    jQuery(".rudra-portfolio-filter a").click(function(e) {

        jQuery(".rudra-portfolio-filter li").removeClass("current");

        // Get the class attribute value of the clicked link
        var $filterClass = jQuery(this).parent().attr("class");

        if ($filterClass == "all") {
            var $filteredPortfolio = $portfolioClone.find("li");
        } else {
            var $filteredPortfolio = $portfolioClone.find("li[data-type~=" + $filterClass + "]");
        }

        // Call quicksand
        jQuery("ul.rudra-portfolio").quicksand($filteredPortfolio, {
            duration: 500,
            easing: 'easeInOutQuad'
        });

        jQuery(this).parent().addClass("current");

        // Prevent the browser jump to the link anchor
        e.preventDefault();
    })
    jQuery(".port-li").click(function() {

            jQuery(this).find('.content-wrapper').slideDown();
    });

    jQuery(".overeffect").mouseover(function() {
        jQuery(this).find('.content-wrapper').slideDown();

    });



    jQuery("#portfolio-grid li").mouseleave(function() {
        jQuery('.content-wrapper').slideUp(500);

    });

});

小时效果第一次和第二次正常，但之后就停止了工作。

更新

我也试过这个Jquery clone

Answer 1

由我解决..

我只需要使用这个

jQuery(document).on('hover',".overeffect",function(){

     jQuery(this).find('.content-wrapper').slideDown();     
        });

Jquery悬停事件卡在克隆元素上

1 个答案: