Jquery 触发点击事件
我有下面的Javascript和HTML,我想触发click事件链接到11 ..(省略内容)。。。。 总结 使用此选项代替Jquery 触发点击事件,jquery,event-triggers,Jquery,Event Triggers,我有下面的Javascript和HTML,我想触发click事件链接到11 ..(省略内容)。。。。 总结 使用此选项代替 <a href="#" id ="#detail" ...> 这将解决以下是如何触发元素上的单击事件: $('a[href=\\#detail]').click(); //or $('a[href="#detail"]').click(); 要收听您使用的元素上的单击事件,请执行以下操作: $(function() { $(document).on
<a href="#" id ="#detail" ...>
这将解决以下是如何触发元素上的
单击事件:
$('a[href=\\#detail]').click(); //or
$('a[href="#detail"]').click();
要收听您使用的元素上的单击事件,请执行以下操作:
$(function() {
$(document).on('click', 'a[href="#detail"]', function( e ) {
//your code here
});
});
如果元素是动态添加的。您可以尝试以下操作:
$(function(){
$("a[href='#detail']").click(function(e) {
e.preventDefault();
console.log("summary click");
$.ajax({
cache: false,
type: "POST",
dataType: "html",
data: { cid: $obj.cid },
url: 'reg_list.php',
complete: function (HttpRequest, textStatus) {
$('#reg-detail').html(HttpRequest.responseText).trigger('create');
}
});
});
});
执行脚本时,dom中是否存在#summary
元素可能更简单的方法是使用$('a[href=#detail]')。单击而不是将此事件放入doc ready
块中。要Jai,是脚本放在$(document)中。ready(function(){});block.To REvanProdigalKnight,我发现如果只使用$('element'),会有一些冲突。单击多页和$(“#id”)。在(“单击”,“元素”,函数(e)行得通。当然这次不行,我不知道。现有的选择器行得通:问题出在其他地方。触发器
和侦听
之间有区别。是的,只是评论说原来的选择器还可以。(问题是我看不到控制台中的日志“摘要单击”
)。感谢您的更新(请参阅上文SO关于问题更改的评论)我看不出哪条评论来自SO,只有用户3558931,是SO的评论吗?尝试使用$('a[href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\;但不起作用。显示了第#节的详细信息,但内部没有生成内容。应通过调用reg_list.php和消息“summary click”来生成内容应显示在控制台中现有选择器工作正常:问题位于其他位置。#详细信息是另一个部分,将重定向页面以显示该部分。现有选择器工作正常:问题位于其他位置。未捕获引用错误:$obj未定义。哪里定义了$obj?在其阶段不必在意。一旦我看到答案ted我已经放弃了这一点,因为它没有用处:)对于用户3414905,$obj不是问题所在,因为它调用了一个外部脚本并以json返回。我添加了console.log()函数来监视触发器,但没有发生任何事情。感谢TrueBlueAusie,您的代码正在运行,但我发现在生产中存在问题,因为#summary Div中的内容是从程序动态生成的。我尝试使用代码,但没有成功。
$('a[href=\\#detail]').click(); //or
$('a[href="#detail"]').click();
$(function() {
$(document).on('click', 'a[href="#detail"]', function( e ) {
//your code here
});
});
$(function(){
$("a[href='#detail']").click(function(e) {
e.preventDefault();
console.log("summary click");
$.ajax({
cache: false,
type: "POST",
dataType: "html",
data: { cid: $obj.cid },
url: 'reg_list.php',
complete: function (HttpRequest, textStatus) {
$('#reg-detail').html(HttpRequest.responseText).trigger('create');
}
});
});
});