触发“三个”的点击事件.元素
Trigger click event on "a href" element
我想在我的html网站上点击一个href元素。问题是点击事件没有触发
代码:HTML代码: <div class="button" id="info" ></div>
<ul id="game-options">
<li><a href="#" id="SHOW_HELP" class="button help" title="Help">HELP</a></li>
</ul>
单击href元素的函数:
$('#info').bind('click', function(e) {
alert ("button click triggered");
// This is what I tried so fat
//$('#SHOW_HELP').trigger('click');
//$('#SHOW_HELP').dispatchEvent(new Event('click'));
$('#SHOW_HELP').click();
});
触发了click事件,但是您还没有绑定click处理程序,因此不会发生任何事情。如果你想模拟点击链接,你需要使用dom click方法。$('#SHOW_HELP')[0].click();
$('#SHOW_HELP').bind('click', function(e) {
alert ("button click triggered");
// This is what I tried so fat
//$('#SHOW_HELP').trigger('click');
//$('#SHOW_HELP').dispatchEvent(new Event('click'));
});
希望对你有所帮助
或者,你可以更新按钮的点击事件来改变JavaScript中的window.location
。
试试这个:
$(function(){
$('#info').click(function(){
window.location = $('#SHOW_HELP').attr('href');
});
});
它确实在工作。
这里有一个JSFiddle示例:http://jsfiddle.net/rZbk7/
$('#info').on('click', function(e) {
alert("info triggered");
$('#show-help').click();
});
$('#show-help').on('click', function(e) {
alert("show-help triggered");
});
(不是一个很有趣的蛇的情况下,我把名字SHOW_HELP改为show-help)
触发点击事件。问题是你没有定义任何动作
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 将事件聚焦/模糊在可编辑内容的元素上
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 在IE8中不起作用的元素上触发单击事件
- 正在ng重复元素上添加事件
- 单击p元素时的javascript触发事件
- 存在每个时间元素的javascript事件
- Firefox:点击并更改未附加到文档树中的复选框元素上的事件
- 有没有一种方法可以让内联事件处理程序在元素创建后立即执行
- 将jQuery事件应用于所有类元素
- 在IE8上使用jQuery克隆HTML5元素和事件
- 单击其他元素时,我如何使用 jQuery 忽略更改事件
- 访问代码生成的输入元素上的keyup事件
- 如何查明鼠标按下事件是否发生在滚动条上或元素中的其他任何位置
- 当元素到达屏幕上的某个位置时触发事件
- Mootools:如何在点击时保持元素高亮显示并停止所有事件
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- JQuery:使用clone()生成的元素不采用原始的事件属性
- 从其他元素上的单击事件访问image src属性
- 触发“三个”的点击事件.元素