这是HTML:
<div class="categories">
<h3>
<img src="http://i.imgur.com/TThAk.gif" />
<a href="/foo">Foo</a>
<p class="subtext">heading</p>
</h3>
<div>
<ul>
<li>some li here.</li>
</ul>
</div>
</div>
这是jQuery代码:
<script type="text/javascript">
$(document).ready(function () {
var minusImgUrl = "http://i.imgur.com/t5UXT.gif",
plusImgUrl = "http://i.imgur.com/TThAk.gif";
$('.categories').accordion({
active: false,
autoHeight: false,
fillSpace: false,
collapsible: true,
changestart: function (event, ui) {
$('h3 img').attr('src', 'http://i.imgur.com/TThAk.gif');
ui.newHeader.find("img").attr("src", minusImgUrl);
ui.oldHeader.find("img").attr("src", plusImgUrl);
}
});
$('.categories h3 img').click(function () {
$(this).next().click();
});
//This is the bad one!
$('.categories h3 a').click(function() {
window.location = $(this).attr("href");
});
});
</script>
它仅应在“ a”单击上触发事件,但是每当我单击任何内容时都将触发该事件。
参考方案
尝试删除它,这似乎将对图像的单击绑定到对A标记的单击:
$('.categories h3 img').click(function () {
$(this).next().click();
});
将asp.net.core 2.0应用发布到IIS时JavaScript无法运行 - javascript我是这里的新手。我有一个VS2017 asp.net C#Web应用程序。我目前不在使用Angular。这是一个简单的网站。我隐藏了div,当用户单击菜单项时,相关的div出现,而我隐藏了其余的div。我使用JavaScript完成此任务。在开发和IIS Express中,它可以工作。当我发布到IIS时,它不起作用。静态页面显示“确定”,但菜单按钮不执行任何…
使用Java脚本基于另一个控件项来验证ASP.NET C#控件 - c#我正在尝试确保一个下拉框或另一个下拉框具有选定的条目,不能两者都选,并且不能都留空/未选择。每次单击运行javascript验证代码的搜索按钮时,即使我只是从一个下拉列表中选择,甚至从两个下拉列表中都没有选择,我都会收到一条消息,好像在两个下拉框中都选择了一样!这可能是我的逻辑,但是,我认为也可能是我的变量读为null。是否有人对问题可能是什么以及如何解决这…
Div单击与单选按钮相同吗? - php有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date…
使用javascript在客户端的列表视图中选择所有复选框 - javascript我有一个列表视图,在标题中有一个复选框。如果标题复选框已选中/未选中,我想选择行中的所有复选框。如何在客户端实现此目标?这是ListView设计代码。<asp:ListView ID="lvTypes" runat="server" GroupPlaceholderID="groupPlaceHolde…
ASP.net C#崩溃一行 - c#我有一个母版页,在on load事件中包含以下几行: string menuIDdata = Page.Request.QueryString["mid"]; menuID = 0; // Get the menu ID if (!int.TryParse(menuIDdata, out menuID)) { menuID = 0; } …