HTML没有href属性的标签,单击时会发生什么

时间:2018-04-30 10:50:28

标签: javascript jquery html

我想要了解一个使用JQUERY操作DOM的项目。 我有以下要素:

<a data-modal-trigger data-modal-target=".modal-confirm" class='confirm-modal-trigger' style='width: 1px;'></a>

在javascript代码中,我点击了代码:

$(".confirm-modal-trigger").click();

但是没有回复函数定义附加到此事件,如:

$(".confirm-modal-trigger").click(function(){....});

或     $(&#34; .confirm-modal-trigger&#34;)。on(&#34; click&#34;,function(){....});

我正在搜索整个项目文件而没有任何内容。那么,如果没有a属性,那么点击此href标记的目的是什么?单击按钮时是否定义了回调函数?

最奇怪的是,当我评论这一行时

$(".confirm-modal-trigger").click();

代码尽可能正常工作。

*编辑*

我阅读了提议的原始答案,我仍然不明白为什么在评论时.click()通常出现(当没有评论时)弹出窗口时,我发表评论时不会出现这条线。如果它背后没有任何动作 - 只是一个意义上的含义,为什么我会观察到这种行为?

1 个答案:

答案 0 :(得分:0)

这是一个猜测(没有看到代码库)但是:很可能该事件被委托给父元素或祖先元素,这可能使代码很难找到。

假设元素.confirm-modal-trigger有父,div ID为ID&#34; foo&#34;。事件可能会受到如此约束:

$('#foo').on('click', '*', function() {});

$('#foo').on('click', '> *', function() {});

$('#foo').on('click', 'a', function() {});

......可能性列表可能无穷无尽。