Javascript 页面加载后，根据数据类别单击按钮

这是我的菜单：

<div class="portfolio-item-filter" id="work-filter">
  <a class="gdlr-button active" href="#" data-category="All">Work</a>
  <a class="gdlr-button" href="#" data-category="film">Film</a>
  <a class="gdlr-button" href="#" data-category="print">Print</a>
</div>

我对

JavaScript

和

jQuery

的了解有限，所以我可能在错误的地方或以错误的方式使用了正确的脚本

---

你能支持我吗

如果单击不起作用，您只需从链接标记中读取href属性并手动打开即可；）。这里有一个例子小提琴，应该工作。我用一个工作url预先填充了您的链接以进行演示

JS代码段

jQuery(document).ready(function() {
   $link = jQuery('a[data-category="film"]');
   target = $link.attr("target");
   href = $link.attr("href");
   window.open(href, target);
});

但是，如果要触发绑定到链接的单击事件。请确保在调用实际触发器/单击之前绑定此事件。否则就不行了。此外，您还可以绑定链接上的单击事件并创建自己的功能。只是一些想法

代码更新，目标处理。

使用Id或类

<div class="portfolio-item-filter" id="work-filter">
  <a class="gdlr-button active" href="#" data-category="All">Work</a>
  <a class="gdlr-button filmbtn" href="#" data-category="film">Film</a>
  <a class="gdlr-button" href="#" data-category="print">Print</a>
</div>

jQuery(document).ready(function() {
   jQuery('.filmbtn')).trigger( "click" );
});

jQuery（文档）.ready（函数（）{
jQuery（'.filmbtn'））.trigger（“单击”）；
});

给你一个解决方案

jQuery（'a[data category=“film”]”）。单击（function（）{
console.log（“单击胶片按钮”）；
});
jQuery（文档）.ready（函数（）{
jQuery（'a[data category=“film”]”）。触发器（“单击”）；
});
实际问题不在于支架（我也看到了）。如果没有链接上的显式单击绑定，它就无法工作。在没有自定义绑定的情况下尝试它，您将看到它。只需将url附加到href属性并删除自定义绑定。这行不通。
<div class="portfolio-item-filter" id="work-filter">
  <a class="gdlr-button active" href="#" data-category="All">Work</a>
  <a class="gdlr-button filmbtn" href="#" data-category="film">Film</a>
  <a class="gdlr-button" href="#" data-category="print">Print</a>
</div>

jQuery(document).ready(function() {
   jQuery('.filmbtn')).trigger( "click" );
});