Jquery-修复切换元素内部的超链接
Jquery - fix hyperlinks inside of a toggled element
我的一些Jquery脚本有问题,我希望有人能为我指明正确的方向。
我有一个区域最初是隐藏的,但点击后会显示其内容,再次点击会隐藏其内容。在这个区域内有一系列的超链接。我面临的问题是,当点击这些链接时,容器没有重定向到其他地方,而是再次关闭。我能理解为什么会发生这种情况,但我不确定如何解决。
功能:-
function toggleDisplay(itemToToggle, itemHeightOpen, itemHeightClosed) {
$(itemToToggle).toggle(
function () {
$(this).animate({ 'height': itemHeightClosed }).addClass('minus');
},
function () {
$(this).animate({ 'height': itemHeightOpen }).removeClass('minus');
});
};
电话:-
var heighttomatch = $('#inlineSummaryWrapper').height() + 28;
toggleDisplay('#inlineSummary', '1.2em', heighttomatch);
html:-
<div id="inlineSummary" class="displayToggle">
<h2>Summary</h2>
<div id="inlineSummaryWrapper">
<a href="/mylink">the link</a>
</div>
</div>
我确实试着把";呼叫";在一个针对H2的点击操作内部,但这对容器本身的打开和关闭产生了奇怪的影响,所以我不知道该怎么办。
发生这种情况是因为链接上的click
事件正在传播。你可以用event.stopPropagation()
来阻止它。
function toggleDisplay(itemToToggle, itemHeightOpen, itemHeightClosed) {
$(itemToToggle).find('a').click(function (e) {
e.stopPropagation();
});
...
}
相关文章:
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 用超链接替换URLS
- 使用JavaScript从超链接加载时的默认下拉值
- Hammer.js阻止在Android Webview中点击超链接
- 将超链接添加到“;标题“;标记文本
- 文本建议的超链接
- 用Javascript按钮替换Javascript超链接
- 删除默认的ui超链接行为
- 谷歌将广告超链接映射到国家标记
- 如何在点击超链接时调用fullcalendar回调
- 单击“禁用其他超链接”
- 为Angularjs制作超链接
- 指向的超链接刚刚赢得'不起作用
- 如何将超链接添加到通过传单创建的传单多段线.Draw
- 如何禁用鼠标中键单击超链接以在新选项卡或新窗口中打开
- 如何在每个动态创建的ImageButton周围包装超链接?Visual Studio
- 函数内部的超链接
- 指向“”的超链接;隐藏的“;jQuery Toggler内部的内容(特定的#id)
- Jquery-修复切换元素内部的超链接