Question

所以我正在使用stackable.js（http://johnpolacek.github.io/stacktable.js/）来响应表，我遇到了一个问题，我在一个位于表内的元素上使用了click函数。在桌面上以全宽度查看时，该功能正常工作，但只要表格通过stackable.js堆叠，我的功能就不再记录点击。我已经确定这肯定是与stackable.js的冲突，但不确定是什么阻止了功能的触发。

我知道Stackable在崩溃后会添加自己的类，但是，我不确定这是什么问题？

如果有人对此问题有任何见解，请分享您的想法。非常感谢。

这是我希望在堆栈表上工作的Jquery函数：

/*START WISH LIST STAR TOGGLE + MODAL*/
$(document).ready(function() {
    "use strict";
    $('span.star').on('click', function() {
        $(this).toggleClass('active');

        if($(this).hasClass('active')){
            $('#wishListModal').foundation('open');
            /*This is needed to redraw the slick coursel in the modal as dimentions are not properly calculated (due to it initialy hidden)*/
            $('.slick-slider').resize();
        }
    });
});
/*END WISH LIST STAR TOGGLE + MODAL*/

Answer 1

感谢@ItsGreg指出我正确的方向。

这是由于与stackable.js的CSS特异性冲突。通过声明$（'body'）。on（'click'，'。product table span.star'，function（）{..}，你可以解决这个问题。

单击Stackable.js表中的函数？

1 个答案: