gpt4 book ai didi

jquery - 单击网格内的链接时隐藏和显示 div 内容

转载 作者:行者123 更新时间:2023-11-28 08:02:04 24 4
gpt4 key购买 nike

我试图在单击链接时隐藏或显示 div 内容。我尝试使用与 http://jsfiddle.net/fXE9p/ 中使用的相同方法仍然没有用。

<body>
Click a button to make it visible:<br /><br />
<a href="#" class="one">One</a>
<a href="#" class="two">Two</a>
<a href="#" class="three">Three</a>
<a href="#" class="four">Four</a><br /><br />

<div id="one">One</div>
<div id="two">Two</div>
<div id="three">Three</div>
<div id="four">Four</div><br/><br/>
</body>
$("div").hide();
// Show chosen div, and hide all others
$("a").click(function (e) {
//e.preventDefault();
$("#" + $(this).attr("class")).show().siblings('div').hide();
});

我想做的是在网格 block 中放置一个链接,单击它后将显示 div 的内容(内容包括表单字段)。是因为格子不行吗?

这是我的代码HTML:

<div role="main" class="ui-content">

<fieldset>
<div class="ui-grid-a">
<div class="ui-block-a" id="conGridOne"><a href="#" class="linkA">Block A</a></div>
<div class="ui-block-b" id="conGridTwo"><a href="#contactTabTwo">block B</a></div>
</div>
</fieldset>
<div id="linkA">
<p>This is block one</p>
</div>
<div id="id2" class="tabContent" data-href="contactTabTwo">
<h1>this is block two</h1>
</div>        


</div>

j查询:

$("a.linkA").click(function(e){
e.preventDefault();
$("#" + $(this).attr("class")).show();
});

CSS:

#linkA{

display: none;

是的,我已将 jquery 链接到我的 html 文档,如下所示:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

最佳答案

确保您有 jQuery 的 Script 标签。我更喜欢将它们放在 </body> 之前标签。

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

您可以在这里找到最新的 jQuery CDN: http://jquery.com/download/

关于jquery - 单击网格内的链接时隐藏和显示 div 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29706362/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com