Question

我正在尝试将自定义Javascript添加到我的Wordpress网站中。我有javascript正确排入网站。为了保持与html指南的一致性，我正在尝试在手风琴的标题上使用类，这就是为什么我使用.accordion .并使用子字符串从中删除哈希标记网址。如果我将所有类更改为id，请在选择器中取出句点，并删除修剪的子字符串，它将起作用。

然而，这将迫使我使用id而不是类。是否有任何解决方法或我被迫使用id？

override.js 中的非工作代码：

var hash = window.location.hash;
var begining= ".accordion .";
var trimmed = begining + window.location.hash.substring(1);

jQuery(document).ready(function() {
    jQuery('.accordion').accordion({
active: false,
collapsible: true,
autoHeight: false,
heightStyle: "content"

});

    jQuery(trimmed).click();
});

＆＃34;管道录音＆＃34;在 override.js

中使用代码

var hash = window.location.hash;
var begining= ".accordion ";
var trimmed = begining + window.location.hash;

jQuery(document).ready(function() {
    jQuery('.accordion').accordion({
active: false,
collapsible: true,
autoHeight: false,
heightStyle: "content"

});

    jQuery(trimmed).click();
});

我们想要页面的HTML：

<div class="accordion">
  <h3 class="zen-shi-apps">zen shi appetizers</h3>
  <div>[simple-retail-menu id="1" header="none"]</div>
  <h3 class="sushi-bar-apps">sushi bar appetizers</h3>
  <div>[simple-retail-menu id="2" header="none"]</div>
</div>

有效的Html：

<div class="accordion">
  <h3 id="zen-shi-apps">zen shi appetizers</h3>
  <div>[simple-retail-menu id="1" header="none"]</div>
  <h3 id="sushi-bar-apps">sushi bar appetizers</h3>
  <div>[simple-retail-menu id="2" header="none"]</div>
</div>

Answer 1

实际上我早就遇到了这个问题。然后我试图挖掘出手风琴的负责代码。它实际上是jQuery UI。

有趣的是，在代码中，他们有时会使用原始id来获取目标元素。所以在这种情况下，他们可能会使用id而不是类来收集元素，这就是为什么它不起作用！

因此，请查看您的手风琴库代码，并检查他们是否使用这种方式。

干杯！

自定义Javascript手风琴外部链接

1 个答案: