HTML jQuery Accordian模板默认

Posted 2021-05-24

<div class="ui-accordion">
	<h3><a href="#">Section 1</a></h3>
	<div>
		<p>
		Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
		ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
		amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
		odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
		</p>
	</div>
	<h3><a href="#">Section 2</a></h3>
	<div>
		<p>
		Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
		purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
		velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
		suscipit faucibus urna.
		</p>
	</div>
	<h3><a href="#">Section 3</a></h3>
	<div>
		<p>
		Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
		Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
		ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
		lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
		</p>
		<ul>
			<li>List item one</li>
			<li>List item two</li>
			<li>List item three</li>
		</ul>
	</div>
	<h3><a href="#">Section 4</a></h3>
	<div>
		<p>
		Cras dictum. Pellentesque habitant morbi tristique senectus et netus
		et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
		faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
		mauris vel est.
		</p>
		<p>
		Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
		Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
		inceptos himenaeos.
		</p>
	</div>
</div>

discuz教程：discuz模板js与jQuery冲突的解决方案

今天在做discuz模板的时候，用到jquery的时候和原来主题js冲突。这个主要是Discuz X使用了$(id)作为dom节点的获取方法，而$符号刚好与jQuery的默认符号相冲突。
以下是基于之前的Discuz X和jQuery冲突的解决办法。给大家做个参考!

将jQuery的js文件jquery-1.8.0.min.js放到/static/js目录下，以下两个方法共用此文件，如不是放在该目录下，后面的代码请对应修改。

解决方法1：
修改/template/default/common/header_common.htm，在第16行代码
之后增加以下代码：

复制代码
代码如下:

<script src=”{$_G[setting][jspath]}jquery-1.8.0.min.js?{VERHASH}”></script>

之后用到jQuery的$(的地方用jQuery(代替。

解决方法2：
修改/template/default/common/header.htm，在第20行代码之前增加以下代码：

复制代码
代码如下:

<script src=”{$_G[setting][jspath]}jquery-1.8.0.min.js?{VERHASH}”></script>