可能的Jquery冲突或只是破坏的脚本?

时间:2015-06-05 18:15:36

标签: jquery css wordpress jquery-ui-accordion

我在一个Wordpress网站上有一个手风琴div,以前工作过,现在却没有。我停用了所有插件,但这似乎没有帮助。我仔细检查以验证我的css标记并且找不到任何损坏的东西,尽管我可能遗漏了什么?我也没有发现任何jquery冲突,但也许我的大脑只是在这一点上被炸了。

这是我的剧本:

<script type="text/javascript">
		$(document).ready(function($) {
			$('#accordion').find('.accordion-toggle').click(function(){
	
				//Expand or collapse this panel
				$(this).next().slideToggle('slow');
	
				//Hide the other panels
				$(".accordion-content").not($(this).next()).slideUp('slow');
	
			});
		});
	</script>

这是html:

<div class="testimonials">
<h3 style="margin-bottom:0px;">TESTIMONIALS</h3>
</div>
<div class="accordion-wrap">
<div id="accordion">
  <span class="accordion-toggle">Blah Blah Blah 
<div class="rmore">READ MORE +</div>
<p>&nbsp;</p>
</span>
  <div class="accordion-content">
  <div class="accordion-content-wrap">
<p>
Blah Blah Blah 
</p>
<p>Blah Blah Blah 
</p>
<p>Blah Blah Blah 
</p> 
  </div>
  </div>
</div>
</div>

This is the site I am working on where it somehow broke.

2 个答案:

答案 0 :(得分:0)

尝试将这些脚本移动到文件末尾。您在第19~62行调用jQuery函数,但直到第110行才会加载。

enter image description here

答案 1 :(得分:0)

<script type="text/javascript">
		$(document).ready(function($) {
			$('#accordion').find('.accordion-toggle').click(function(){
	
				//Expand or collapse this panel
				$(this).next().slideToggle('slow');
	
				//Hide the other panels
				$(".accordion-content").not($(this).next()).slideUp('slow');
	
			});
		});
	</script>

您已在代码中包含此功能两次。一次进入头部,一次结束。删除其中一个。