为什么用jquery做选项卡，选项卡的效果却出不来？希望哪位高手给说说原因
发布网友
发布时间：2022-10-12 10:44
共4个回答
热心网友
时间：2023-10-21 15:37
jQuery("div#selectDiv > ul").tabs();
改成
$("#selectDiv").tabs();
应该就可以了。
其他没看出什么错误，如果仍然不行请检查是否有js报错
还有问题请追问，或者加我的hi询问
热心网友
时间：2023-10-21 15:38
热心网友
时间：2023-10-21 15:38
热心网友
时间：2023-10-21 15:39
下面项的内容不隐藏肯定就被列出来了。我没用你的那个JS了，自己写了个。
还有JQ效果代码最好是在 针对的HTML代码后面引入，不然有时候没会没效果。
<body background="../images/admin/1.jpg">
<div id="selectDiv">
<ul>
<li><a href="#iframe-1"><span>选项卡1</span></a></li>
<li><a href="#iframe-2"><span>选项卡2</span></a></li>
<li><a href="#iframe-3"><span>选项卡3</span></a></li>
</ul>
<div id="iframe-1">
<p>Proin elit arcu...</p>
</div>
<div id="iframe-2" style="display:none">
<p>Proin elit arcu...</p>
</div>
<div id="iframe-3" style="display:none">
<p>Proin elit arcu....</p>
</div>
</div>
<script type="text/javascript">
<!--
$("#selectDiv>ul>li").mouseover(function(){
var target = $(this).attr("id");
$("#selectDiv>div").hide();
$(target).show();
})
-->
</script>
</body>
希望对你有用.
