Question

这样的页面出现问题：https://staging.hellodadventures.com/event/clippers-scifest-socal/

当我有一个“更多信息”按钮时，想法是单击“ +更多信息”文本时应该更改，但是没有。我将其基于此fiddle I found，但是如果您查看我的示例，则不会有任何变化。

这就是我的PHP：

<div id="accordion">
    <p>+ More Info</p>
        <div><p>Text goes here</p></div>
</div>

然后是我的JS：

//change button text on click
jQuery('.ui-accordion-header').click(function(){
    var $this = jQuery(this);
    $this.toggleClass('ui-accordion-header');
    if($this.hasClass('ui-accordion-header')){
        $this.text('+ More Info');
    } else {
        $this.text('- Less Info');
    }
});

我将示例中的$更改为jQuery，因为它是WordPress网站。

有什么想法为什么点击时不会改变？我也尝试过使用button元素，但是没有任何变化。

Answer 1

jQuery（'。ui-accordion-header'）尝试使用“ ui-accordion-header”类获取元素

<p class="ui-accordion-header">+ More Info</p>应该可以工作。

JavaScript无法在JQuery Accordion中单击更改文本

1 个答案: