JavaScript ,jquery问题求助大神
在同一个页面,我想重复引用JS/JQ代码,为什么只能一个有效,代码如何更改,越详细小弟越感谢,谢谢,代码如下;<divclass="slideTxtBox"><divcl...
在同一个页面,我想重复引用JS/JQ代码 ,为什么只能一个有效,代码如何更改,越详细小弟越感谢,谢谢,代码如下;
<div class="slideTxtBox">
<div class="hd">
<ul><li>商家</li><li>特产</li></ul>
</div>
<div class="bd">
<ul>
<li>xxx1</li>
<li>xxx2</li>
</ul>
<ul>
<li>xxx3</li>
<li>xxx4</li>
</ul>
</div>
</div>
<script type="text/javascript">jQuery(".slideTxtBox").slide({delayTime:0});</script>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script><script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<div class="slideTxtBox">
<div class="hd">
<ul><li>商家</li><li>特产</li></ul>
</div>
<div class="bd">
<ul>
<li>xxx1</li>
<li>xxx2</li>
</ul>
<ul>
<li>xxx3</li>
<li>xxx4</li>
</ul>
</div>
</div>
<script type="text/javascript">jQuery(".slideTxtBox").slide({delayTime:0});</script> 展开
<div class="slideTxtBox">
<div class="hd">
<ul><li>商家</li><li>特产</li></ul>
</div>
<div class="bd">
<ul>
<li>xxx1</li>
<li>xxx2</li>
</ul>
<ul>
<li>xxx3</li>
<li>xxx4</li>
</ul>
</div>
</div>
<script type="text/javascript">jQuery(".slideTxtBox").slide({delayTime:0});</script>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script><script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<div class="slideTxtBox">
<div class="hd">
<ul><li>商家</li><li>特产</li></ul>
</div>
<div class="bd">
<ul>
<li>xxx1</li>
<li>xxx2</li>
</ul>
<ul>
<li>xxx3</li>
<li>xxx4</li>
</ul>
</div>
</div>
<script type="text/javascript">jQuery(".slideTxtBox").slide({delayTime:0});</script> 展开
1个回答
2015-02-18
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<style type="text/css">
.slideTxtBox {
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (document).ready (function ()
{
$ (".slideTxtBox").slideToggle ();
})
</script>
</head>
<body>
<div class="slideTxtBox">
<div class="hd">
<ul>
<li>商家</li>
<li>特产</li>
</ul>
</div>
<div class="bd">
<ul>
<li>xxx1</li>
<li>xxx2</li>
</ul>
<ul>
<li>xxx3</li>
<li>xxx4</li>
</ul>
</div>
</div>
</body>
</html>
更多追问追答
追问
感谢关注,同一个页面里 我想其它地方能再次引用,
商家特产
还要改哪里?才行,谢谢
追答
$ ("div[class^=slideTxtBox]").slideToggle ();
改成这个就可以了
我知道用了插件,不过获取元素就是这样$ ("div[class^=slideTxtBox]")
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询