"-6ren">
gpt4 book ai didi

jquery-mobile - jQuery 手机 : Add url to collapsible content header

转载 作者:行者123 更新时间:2023-12-04 05:49:42 25 4
gpt4 key购买 nike

我是 JQM 新手,需要将链接图像放在可折叠内容标题中,以便在单击它时用户能够访问关联的 href。我还需要能够让页眉根据需要展开和折叠。到目前为止,这是我的代码

<h3><em><?=$agent_row['prefix'] . ' ' . $agent_row['first'] . ' ' . $agent_row['last'] . ' ' . $agent_row['suffix']?>
<a class="vcard" id="vcard" href="http://vcard.parascript.com/<?=$agent_row['first']?>_<?=$agent_row['last']?>.vcf"><img src="images/vcard.png" style="vertical-align:middle;width:30px;" /></a>
<a id="email" href="mailto:<?=$agent_row['email']?>"><img src="images/mail.png" style="vertical-align:middle;width:30px;" /></a>
<a id="mobilephone" href="tel://<?=$agent_row['cell']?>"><img src="images/mobile_phone.png" style="vertical-align:middle;width:30px;" /></a>
</em></h3>

我感谢提供的任何建议。

最佳答案

checkout :http://jquerymobile.com/demos/1.2.0/docs/content/content-collapsible.html

示例:http://jsfiddle.net/Twisty/tJyeQ/

HTML

<html>
<body>
<div data-role="page" id="page1">
<div data-role="header">
<h1>page1</h1>
</div>
<div data-role="content">
<div data-role="collapsible">
<h3><em>First Last</em></h3>
<a class="vcard" id="vcard" href="http://vcard.parascript.com/first_last.vcf">
<img src="images/vcard.png" style="vertical-align:middle;width:30px;" />
</a>
<a id="email" href="mailto:f.last@example.com"><img src="images/mail.png" style="vertical-align:middle;width:30px;" />Email</a>
<a id="mobilephone" href="tel://4155551212"><img src="images/mobile_phone.png" style="vertical-align:middle;width:30px;" />Phone</a>
</div>
</div>
</div>
</body>
</html>

关于jquery-mobile - jQuery 手机 : Add url to collapsible content header,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13848340/

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