我需要的是:一个jQuery UI框架按钮,可以在这里找到:http://jqueryui.com/themeroller/(查看框架图标)在jQuery手风琴标题中.
现场样本:http://www.nikollr3.three.axc.nl/
(根据我的理解;一个按钮也可以通过带有正确的jQuery UI类的Achor标签来模仿.)
要求:我不希望在当前未选择标题时显示按钮/图标.另一方面,如果选择了标题,因此也显示了DIV,我想要显示图标/按钮.从左侧看第一张图片,在该状态下我不想显示"+"按钮.在所有其他图像(聚焦/选择的位置)中,我确实希望它被显示.目前尚未实施; 这该怎么做？
- >如果单击该按钮,我希望显示statProp,我有一个函数showStatProp().
我目前遇到的问题:将 鼠标悬停在"按钮"上没有做任何事情,因为当前选择标题时,同样的css以某种方式应用于按钮,与标题一样(查看按钮的交叉颜色:深灰色黑色)(没有单独的悬停).
怎么做到这个？我目前陷入困境,因为在互联网上有关于我正在尝试的这个具体事情的文件/信息有限.
function showStatProp()
{
if(document.getElementById("statProp").style.display == "none")
{
document.getElementById("statProp").style.display = 'block';
}
else
{
document.getElementById("statProp").style.display = 'none';
}
}
HTML:
<body onkeydown="controlCheck(event)" onkeyup="clearPress()" >
<div id="application" style="position:absolute">
<div id="accordion">
<h3 id="clickStat">Stations
<span style="float:right;" class="ui-state-default ui-corner-all">
<a class="ui-icon ui-icon-plusthick btpad" href="/getPunten.php">Edit</a>
</span></h3>
<div id="stations">
<input type="text" id="stations_ac" onclick="this.value='';" />
<div id="selectedStationDiv">
</div>
<hr>
<div id="statProp" style="display:none;">
<p>Name: <input type="text" style="float:right; clear:right" …我正在使用Twitter Bootstrap折叠功能来隐藏表格行.我还在跨度中的文本中有一个链接,触发崩溃/展开.不幸的是,当我点击链接时,首先展开折叠的文本,然后跟踪链接.
我希望能够在点击链接时跳过触发折叠切换.这里有一些代码可以演示这个问题(这里有jsfiddle示例):
<table class="table">
<tr data-toggle="collapse" data-target="#collapseRow1" style="cursor: pointer;">
<td>Click me to show more!</td>
<td><a href="http://getbootstrap.com/css/">but don't expand after clicking this link</a></td>
</tr>
<tr class="collapse" id="collapseRow1">
<td>hidden content1</td>
<td />
</tr>
</table>
当我点击标题时,我有一些折叠选项卡崩溃,这没关系,但如果我点击每个标题末尾的链接它不应该折叠它,它应该运行链接操作.可能吗？
http://plnkr.co/edit/aDp8IoV9VQKVrroH2Mk9?p=preview
<div class="accordion" id="accordion" >
<div class="accordion-group">
<div class="accordion-heading" data-toggle="collapse" data-target="#collapseOne" href="#" style="padding: 10px;">
<div class="pull-right"><a href="#">Link 1</a></div>
Item #1
</div>
<div id="collapseOne" class=" collapse in">
<div class="accordion-inner">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh …