Question

我正在使用一个模板，其中包含一个用于在屏幕外滑动的滑动的js功能。正常使用是：

<button type="button" data-slide="slide" data-target="#my-panel"> My Panel</button>

或

<a href"#" data-slide="slide" data-target="#my-panel">My Panel</a>

我也在使用第三方灯箱脚本，它允许我在关闭时调用其他功能。我用它来调用我自己的脚本，如onBoxEnd(hvrOn(5))。

我的问题是如何使用通常通过单击数据属性激活的函数来编写onBoxEnd（？）之类的内容？我尝试了onBoxEnd(data-slide="slide" data-target="#my-panel")的排列并命名函数并试着像onBoxEnd(pageslide(#my-panel))那样调用它，但我没有做任何事情。灯箱代码的创建者也说他无法协助解决这个问题。

这是滑动div面板代码的第一部分（我添加了名称pageslide）：

     $(function pageslide() {        
    $('[data-slide="slide"]').click(function(e) {
    var $this = $(this);
    var target = $this.attr('data-target');
    var $target = $(target);
    if ($('.slide-panel-parent').children().is('.open')) {
        $('.open').not(target).removeClass('open');
        $('.active-slide-btn').not(this).removeClass('active-slide-btn');
        $(this).toggleClass('active-slide-btn');
        $(target).toggleClass('open');
        $('html').removeClass('slide-active');

我无法找到任何关于此的基本信息 - 仅仅是如何将数据属性用于某个函数而我无法看到如何反转 - 所以一个可用的解决方案甚至指向研究的位置非常感谢。

调用没有数据属性的js函数

0 个答案: