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

我正在使用一个模板，其中包括一个用于滑入屏幕外div的js函数。 正常用途是：

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

---

我找不到关于这方面的任何基本信息-只有如何使用函数的数据属性，我看不到如何反转它-因此，非常感谢提供一个可用的解决方案，甚至是一个指向研究此问题的方向的指针。

您不能将选择器直接放入函数的参数中。选择器是一个字符串，因此必须用引号括起来。您需要调用$来选择使用它的元素。所以它应该是类似于onBoxEnd$[data slide=slide][data target='my-panel']。我不是在写答案，因为我真的不明白这个问题。页面上也有正常的使用方式吗？然后，您可以使用jquery的.trigger函数模拟在页面中的实际DOM元素上单击，该元素包含以下数据属性：$'[data slide=slide]'。triggerclick@Barmar-虽然你的建议无效，但你的尝试似乎完全符合我的要求；我很确定，如何从另一个脚本中编写对sliding div函数的调用将是另一种表达方式，也是一种正确的解决方案。@illuminaut——前两个示例——button和anchor——都是正常用法，可以正常工作。我想从lightbox模式中打开一个特定的面板，从技术上讲，它与打开它的页面断开连接。但是，在模式关闭之后和lightbox代码结束之前，操作lightbox的代码可以通过该页面触发调用。@illuminaut-您建议使用jQuery.trigger似乎是一个有用的解决方案。我认为这是公认的答案，但我不知道该怎么做。我猜你并没有把它作为解决办法。

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

     $(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');