给定以下HTML：
<form>
<input type="number" required>
</form>
下面的javascript运行正常：
(function( jQuery ) {
jQuery("input").bind("invalid", function(event) {
console.log(event.type);
});
})( jQuery );
但是这段javascript代码不能：
(function( jQuery ) {
浏览 0提问于2014-02-06得票数 20
回答已采纳
jQuery中的delegate()和live()方法的背后是什么，使它们能够处理页面中的当前和未来元素？
浏览 0提问于2010-12-20得票数 4
5回答
使用jQuery捕获和冒泡
、、、、
我是jQuery的新手，我正在尝试理解捕获和冒泡的概念。
我读过很多文章，但其中大多数描述了Javascript的事件传播。
让我们假设我们有以下HTML代码：
<div id="outer">
outer
<div id="inner">
inner
</div>
</div>
捕获是我们下降DOM元素的阶段，而冒泡则是上升的阶段。
在Javascript中，您可以决定遵循哪种方法(使用true或false参数)：
element.addEventListener('
浏览 5提问于2014-07-05得票数 38
回答已采纳
在事件侦听器中使用this或event.target哪个更好/更快
我一直在编写这样的代码(示例是jQuery)：
jQuery('input').bind('keyup', function (e) {
var j = jQuery(e.target);
foo(j.attr('id') , j.val() );
});
我被告知用this取代e.target，因为它“更好”。两者之间真的有什么优势吗？
我使用target是因为它是一种更通用的解决方案，因为它适用于委托事件。我在基准测试中遇到了麻烦，因为我的测试被绑定弄得乱七八糟(尽管，很
浏览 0提问于2012-07-03得票数 10
回答已采纳
来自
Internet中的JavaScript提交事件不会冒泡。但是，依赖于提交事件的事件委托的脚本将在浏览器上一致工作，直到jQuery 1.4为止，这使得事件的行为正常化了。
这是什么意思？
浏览 2提问于2012-01-24得票数 5
回答已采纳
我的jQuery代码托管在这里，非常想知道为什么它会产生永不结束的循环。
HTML
<ul id='user_menu'>
<li>
<a class='shopping_cart'>click this</a>
</li>
</ul>
jQuery
$('#user_menu > li').click(function() { $(this).children('a:first').click(); } );
$('.shopp
浏览 2提问于2015-03-09得票数 1
回答已采纳
1回答
我使用jQuery移动在各种html外部页面之间切换，页面上有一个可拖动的元素，如下所示：
var moveMe = function(e) {
e.preventDefault();
var orig = e.originalEvent;
var x = event.touches[0].pageX;
if(x>=275 && x<709){
$(this).css({
left: orig.changedTouches[0].pageX
});
}
};
$(
浏览 6提问于2012-07-31得票数 0
回答已采纳
这几次我一直在学习jQuery。不知何故，我在jQuery中使用jQuery遇到了问题。我想将一个事件附加到一些活元素(稍后可能附加到树上)，我找到了两种方法(在jQuery和vanilla中)来实现这一点。
<table>
<tr>
<th>
<label>
<input type="checkbox" id="s-all" autocomplete="off">
Select All
</label>
</t
浏览 0提问于2018-05-24得票数 2
回答已采纳
2回答
我有一个更小的图像躺在一个更大的图片之上，两者都连接到一个jQuery函数。
我的问题是，当我单击较小的函数时，浏览器首先执行连接到较小的函数，然后执行连接到较大的函数。
HTML:
<div id="outer" style="position: relative; width:200px; height:200px; background:#00f;">
<div id="inner" style="position: absolute; top:100px; left:100px; width:50px;
浏览 4提问于2013-05-18得票数 0
回答已采纳
1回答
我经常使用jQuery的on函数来处理未来的事件。例：
$(document).on('click', '.my-div', myHandler);
但是，我无法让它处理我的play标记上的playing或video事件：
$(document).on('playing', 'video', function() {
console.log('video playing');
});
以下内容工作正常，但不绑定到未来的元素：
$('video').on('playing', fu
浏览 3提问于2015-01-31得票数 2
回答已采纳
2回答
我的大部分工作都是jQuery，但对于即将到来的项目，我将回到“旧学派”js (要求--没有JQUERY或其他库--超出我的控制范围，不要说“使用jQuery")。我的范围纯粹是最新的浏览器，包括iOS safari，不需要向后兼容。我正在查看事件处理程序--我有一个可能很疯狂的想法，但我找不到任何相关的东西--可能是因为它太疯狂了。
我试图避免将事件直接绑定到元素，因为我将经常用AJAX调用替换内容。
我目前的思路是将听众绑定到文档中。似乎是很标准的做法。
但是，我可以跳过所有的事件冒泡吗？我可以告诉浏览器忘记它所知道的关于事件冒泡的事情，直接跳到文档中吗？我意识到，
浏览 7提问于2012-10-16得票数 3
回答已采纳
我有一个包含许多组件的元素。现在在框中我有许多不同的元素，图片，文本和按钮。
示例：
HTML：
<div id="container">
<div class="box">
<div class="button">Click</div>
</div>
</div>
jQuery：
$('#container').on("click", ".box&
浏览 0提问于2013-03-13得票数 4
回答已采纳
1回答
我的javascript代码有一些问题:这里有一个html：
<div class="panel02">
<div href="#" class="settings">
<span><i class="q-my-account"></i> Change Settings</span>
<div class="form">
浏览 2提问于2014-10-18得票数 1
回答已采纳
使用JQuery GET请求，我正在生成秘密(此部分工作正常)。在生成秘密之后，我隐藏生成的ID并显示提交的一次性密码。在一次密码中，我有一个按钮。现在我做一个简单的警报来测试按钮，但是这个按钮不工作。有人能让我知道我在JQuery脚本中做错了什么吗？
$( "#enable_authenticator" ).click(function() {
$.get("{{route('generateSecret')}}",
function(data, status){
$('#Authenticator_al
浏览 2提问于2021-11-28得票数 0
2回答
如果没有提供选择器，jQuery中的.on()方法将匹配匹配的元素，或者如果有选择器，则只匹配其子元素。
有没有可能将这两种行为结合起来，最终得到一个同时匹配元素和任何指定的子元素的.on()语句？
示例：
浏览 2提问于2013-05-03得票数 1
2回答
如何在Jquery中实现事件捕获。我了解JavaScript中的事件冒泡和事件捕获，但我很想知道Jquery是否有类似的事件捕获功能。如果不是，那么如何扩展Jquery代码以实现这个附加功能。请指点。非常感谢。
浏览 5提问于2015-06-27得票数 2
回答已采纳
在我的代码中，我想单击div并让它在指定的元素ID上触发一个click()，但是我得到的却是这个递归错误，就像在无限循环中一样。
function clickLink(id) {
$('#' + id).click();
}
.theDiv {
border: 1px solid red;
width: 200px;
height: 200px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></scrip
浏览 0提问于2018-09-12得票数 0
2回答
我刚刚意识到<a>和<input>标签存在不同的行为。
<div id="dialog">Your non-modal dialog</div>
<!--<a href="#" id="open">Open dialog</a>-->
<input id="open" value="Open dialog">
$('#open').click(function() {
$('#dialo
浏览 0提问于2012-12-05得票数 1
回答已采纳
我有两个图像堆叠，一个在另一个之上。img_top设置了“pointer-events:none”，所以点击它会将点击传递给img_bottom。但是，如果我在img_top上调用jQuery的trigger('click')，单击将不会传递给img_bottom。
有没有人能解释一下原因，并找到一种使用jQuery的trigger('click')和CSS的pointer-events将点击传递到底部图片的方法
下面是我使用的代码：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/
浏览 2提问于2012-10-24得票数 1
1回答
我在javascript上遇到了这个问题，在javascript中，元素还没有创建，或者将来还没有创建，在jQuery中，我可以为该元素绑定这个事件
$(function(){
$(document).on('click','.mybtn',function(){
alert('button: '+$(this).index());
});
$('#create-sample-btn').click(function(){
$('#btn-container').append('<butto
浏览 0提问于2019-05-03得票数 1
1回答
嵌套元素的事件
、、
我使用jQuery的listen插件将事件绑定到动态创建的元素。
在我的场景中，我有一个托管span元素的div。
我希望函数"spanClicked“在跨度单击时触发，函数"divClicked”在div单击时触发
当我单击div来触发函数"divClicked“时，因为跨度在它的内部，所以函数"spanClicked”被触发。
我想在双击span时触发"spanClicked“，在单击div时触发"divClicked”。
有什么办法吗？
$('#container_div').listen('click
浏览 3提问于2009-01-18得票数 0
回答已采纳
<div id='panelB'>
<?php include ("inc/items.php");?>
</div>
<script src='../jquery-2.1.1.min.js'></script>
<script src='index.js'></script>
在这种情况下，一切都正常。但后来，在index.js内部，我有：
$("#modals_01 .linkL").click(function(){
$(&
浏览 3提问于2014-09-26得票数 0
回答已采纳
1回答
我正在尝试在一个文本框上实现一个简单的水印，当文本框获得焦点时它就会消失。我发现这个jQuery插件似乎工作得很好：
水印就像下面的代码所宣传的那样：
<script type="text/javascript" src="/includes/_jQuery/_Library/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/includes/_jQuery/_plugs/_hint/jquery.hint.js"
浏览 1提问于2009-03-11得票数 1
回答已采纳
3回答
我有以下代码：
<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.2.min.js"
type="text/javascript">
</script>
</head>
<body>
<div id="a">
<div id="b">
<script type="text/jav
浏览 1提问于2011-07-12得票数 0
回答已采纳
1回答
当我选择"Keyboard layout"时，它会使用js生成按钮，但单击事件不能使用动态生成的按钮。我认为，这是因为当文档准备就绪时，元素".prices-tier“不存在。只有当我选择布局时，它才会生成。
我的部分代码：
require(['jquery'], function(){
jQuery(document).ready(function(){
const currencySymbol = jQuery('.price').text()[0];
var standart
浏览 26提问于2019-05-20得票数 1
回答已采纳
1回答
我有一个名叫#bigDiv的大型设计信息中心。在这个div中，我有其他元素，比如菜单和图像。
我希望jQuery在每次用户单击#bigDiv时切换#bigDiv，而不是其他元素(这些元素是这个div的一部分)。怎么做？
例如：
index.html：
<div id="bigDiv">
<ul>
<li><a href="site">Site</a></li>
</ul>
jQuery：
$("#bigDiv").click(
function{
$("#
浏览 3提问于2010-08-20得票数 0
有人能建议一个好的方法来解决这个问题吗？
在页面加载时，会向页面元素添加一个事件处理程序。例如：
// Javascript
// when page is loaded...
jQuery(document).ready(function) {
// assign this handler to the buttonDiv element...
jQuery("#buttonDiv").click(function() {
// to alert "hello"
alert("hello");
});
}
//
浏览 0提问于2010-09-09得票数 0
回答已采纳
我有一个代码，选择这些简单的跨度在我的网站上，并应用一个“点击”事件处理程序。具体来说，它调用"deletePerson“函数。下面是类选择代码：
jQuery('.delete-person').click(function() {
var type = jQuery(this).data('type');
var number = jQuery(this).data('number');
deletePerson(type, number);
});
deletePerson函数有点复杂，但本质上它
浏览 2提问于2013-12-21得票数 1
回答已采纳
我在woocommerce网站上有这个问题，当用户在手机上点击关闭按钮的图像灯箱链接在背景中也被点击。在我的例子中，关闭按钮重叠篮子图标。所以当你合上图像时，篮子就打开了。close button is over basket icon我使用的是wocommerce 3.0 lightbox 链接到有问题的页面：https://nakit-ure.si/rocne-ure/rocna-ura-just-watch-jw20004-008/ (在移动视图中打开，单击图像，然后尝试关闭它) 我尝试使用jquery: 1.首先在打开图像时在篮子上添加类 CSS
{
.pointer-disable
浏览 20提问于2020-01-13得票数 1
如果我有一个浮动消息框，并且我想知道在该框中单击段落文本是否也会在jQuery中注册对它的父元素的单击，或者我也必须为子元素添加单击侦听器。
更新：这里是基本布局：
<div id='msgbox'>
<p>This is the <span>message</span></p>
</div>
现在，如果我单击<p>中的文本或<span>中的文本，它是否仍会触发为单击$('#msgbox')？
更新2:我能阻止这种行为吗？？
更新3:，这是我要做的小提琴： --现在有
浏览 3提问于2011-10-05得票数 6
回答已采纳
这是我在StackOverflow上的第一篇文章。我似乎找不到解决jQuery航点问题的答案。(我对编码非常陌生，所以请原谅，如果这有一个简单的解决方案)。
基本上，我有一个一页的网站上它的5个部分，看起来像单独的页面。我对它进行了编码，这样当您到达每个页面的顶部时，页面的HTML就会通过jQuery进行更改。然后，当你向下靠近那个部分的底部时，下面下一个部分的内容就会淡入。这一切都运行得很好。然而，当我向上滚动时，页面的HTML不是在我位于该部分的顶部时更改，而是在接近底部时更改(因此，使下一页上的内容淡入的点)。更重要的是，它似乎将其更改为前一页的标题，而不是当前页的标题。
看看这个链接，
浏览 2提问于2012-05-11得票数 0
我在与HTML5视频的结束事件交互时遇到了困难。问题是标签是使用lightbox-克隆插件动态添加到页面上的，而我不能使用bind来获取结束的事件。尝试使用live()，但这也不起作用。我当然可以使用“点击”作为一个事件，但无论是播放，暂停和结束都不起作用。尝试过委托，但这并没有奏效。
代码如下所示(我使用了Stackoverflow上其他地方发布的解决方案)：
$("video").live("play", function() {
alert("It moves!");
});
使用bind具有所需的效果，但它不影响弹出容器内的视频标
浏览 3提问于2011-06-07得票数 6
我有张桌子：
<table>
<tr>
<td>Something</td>
<td>Something Else</td>
<td><input type='checkbox' value='clickme' id='yes'></td>
</tr>
对于用户来说，如果他们单击该行，就会获得更多关于该行的数据，如果单击复选框，则会显示一些其他选项。如何侦听jquery中的每个事件。我的问题是，单
浏览 4提问于2015-06-17得票数 5
回答已采纳
我正在使用作为我正在开发的单页面应用程序的模板。
然而，我在实现点击绑定器时遇到了麻烦，我以前也有过这样的事情，但他的点击事件被劫持了。
我的视图模型有一个功能：
var self = this;
self.goToItem = function(item) { location.hash = "#/Item/" + item.id };
这是标准的。
<h2>Saved Items</h2>
<div data-bind="foreach: savedItems">
<div data-bind="clic
浏览 1提问于2014-01-18得票数 0
我不确定我的标题是否很好地解释了我正在尝试做的事情，但是否可以检索jquery select定义的对象，包括页面加载时DOM中没有的任何定义，以便我可以在需要时再次调用该对象或读取其属性？
<div id="div1">
<div id="div3">
$('#div1').on('click',function(){
do something...
})
$('#div2').on('click',function
浏览 0提问于2016-01-05得票数 0
抱歉，我是个jquery/js菜鸟。
我有一个切换菜单的html结构。
<li class="topnavtopitem">
<a href="#" >Topitem</a>
<ul class="topnavitemtoggle">
<li class="topnavsubitem"><a href="#" >Subitem</a></li>
<li class="
浏览 2提问于2014-08-01得票数 0
我使用的是所有库的最新版本(jQuery 1.7.1和jQuery UI 1.8.16)，但我绑定了.live('click')事件的按钮即使在按钮被禁用时仍会触发。当我将一个常规的.click()事件绑定到它时，它不会触发。
有什么建议吗？我在想，要么是我使用.live()不当，要么是这是jQuery UI中的一个错误。
这是一个演示的JSFiddle。
谢谢!亚历克斯
浏览 0提问于2012-01-19得票数 6
回答已采纳
1回答
我有表格，我想要选中/取消选中复选框，不仅要单击复选框，还要单击行中的任何对象。
代码在这里：
但是只有当我点击row时，代码才能正常工作。当我单击checkbox时，逻辑工作正常，但checkbox不起作用。
PS。数组selectedAnimals中的值应该是动物对象，而不仅仅是ID或Name
PS2。使用jQuery
$("table").on("click", "tbody tr", function(e){
ko.dataFor(this).isSelected(!ko.dataFor(this).isSelecte
浏览 1提问于2012-08-29得票数 0
回答已采纳
1回答
非常直截了当，我一直在寻找一个完整的列表，所有的jQuery事件没有泡沫，但我一直找不到一个。
例如，我正在寻找像image.load、XMLHttpRequest.error等事件。
浏览 2提问于2014-08-28得票数 2
回答已采纳
5回答
我只是想就JS中冒泡和捕获之间哪种更好的事件委托模式达成共识。
现在我明白了，根据特定的用例，人们可能希望使用捕获阶段而不是冒泡模式，反之亦然，但我想了解对于大多数一般情况，哪种委托模式是首选的，以及为什么(对我来说，它似乎是冒泡模式)。
或者换句话说，在W3C addEventListener实现背后有支持冒泡模式的原因吗？仅当指定第三个参数且该参数为true时，才会启动捕获。但是，您可以忘记第三个参数和冒泡模式已启用
我查找了JQuery的绑定函数来得到我的问题的答案，似乎它甚至不支持捕获阶段的事件(在我看来，这似乎是因为IE不支持捕获模式)。
所以看起来冒泡模式是默认的选择，但是为什么呢
浏览 1提问于2010-04-18得票数 20
回答已采纳
我尝试使用jquery触发自定义事件，但由于某些原因，我似乎无法触发和/或捕获它们。
我使用jstree插件来创建一个带有文件夹的文件系统：
$('.filetree.global, .filetree.workspace').bind('select_node.jstree', function (event, data) {
alert('test ');
$(document).trigger( 'filePick').trigger( 'folderPick' );
}).jstree({
浏览 3提问于2011-08-26得票数 1
回答已采纳
我开发了一个具有无限滚动(使用jQuery，没有插件)的搜索页面，现在我想知道如何向我调用的WS返回的HTML中添加一些行为。我需要通过JavaScript选择器添加一些jQuery，但我一直依赖于
$(document).ready(function(){});
到目前为止，当我将HTML代码追加到may页面时，这并不会触发。我唯一的想法是在jQuery AJAX调用之后注入JS代码，以防发生成功事件。
function injectJS(){
$('.elementA').click(function(){ /* do something */ });
$(&#
浏览 0提问于2014-05-10得票数 0
回答已采纳
当前的dom事件模型将事件从叶节点(事件的源)传播到顶根(文档)。
我的问题是:有没有一种方法可以反向触发事件？从身体上，让它顺着树叶往下走？
我想禁用我的表单中的所有表单输入。它们都是jquery ui小部件。我没有在主表单组件中保留元素的引用，当我提交时，我想禁用所有这些元素。我所有的小部件都绑定到一个自定义的dom事件，称为"field:disable“。
浏览 2提问于2013-03-21得票数 1
回答已采纳
我有一个完全由ajax驱动的网站，所以最近我不得不研究委托技术。我了解到.live和.delegate已被弃用，要使用的新函数是.on。
如果我将一个网页动态加载到当前页面上的一个分区(AJAX)中，如下所示：
<html>
<head>
<script src="jquery.js">
</script>
<script>
function ajaxTest()
{
$('#content').load('test.php');
}
</script>
<sc
浏览 0提问于2012-01-05得票数 4
我建议将此添加到我的代码中：
<script type="text/javascript">
$(document).on('scroll', '.wrapper1', function () {
$(".wrapper2").scrollLeft($(".wrapper1").scrollLeft());
});
$(document).on('scroll', '.wrapper2', function () {
浏览 2提问于2013-11-25得票数 1
回答已采纳
1回答
我试图使用以下jQUery突出显示引导模式层中的选择元素：
jQuery(window).load(function() {
pqGlobal.selectInputStyle();
}
selectInputStyle: function () {
jQuery( "select" ).on( "focus blur", function() {
var elem = jQuery( this );
elem.toggleClass( "focusBorder", elem.is( &
浏览 1提问于2017-03-23得票数 0
回答已采纳
到目前为止，我一直认为jQuery的change事件只适用于<select>、<input type="checkbox">和<input type="radio">。
但无意中，我将change事件绑定到了checkbox的父级，并且它仍然像我将该事件绑定到checkbox本身一样工作。这怎么会起作用呢？
<div class="pwc">
<input type="checkbox" id="pwc2" />
<label for
浏览 0提问于2014-03-13得票数 1
我正在使用jqGrid，并使用jQuery autocomplete与文本字段进行内联编辑。我的问题是，自动完成将我的enter键(绑定到输入元素)绑定到建议的自动完成列表中选择一项。这一切都很好，但是，我的jqGrid还将我的Enter键绑定到表行，保存该行并退出编辑模式。
如何停止行绑定？我想将其保留为行中的其他单元格。我想在这里冒泡的活动上偷偷地取消...
/HW
浏览 0提问于2010-07-01得票数 2
1回答
我有一个函数可以侦听focusout事件来清空表单域。这本身就工作得很好。问题是jQuery验证插件也绑定到focusout事件，以便在字段上运行验证。验证总是在我有机会清除字段之后运行，因此它们总是错误的。我正在试图找出一种方法来确保我的侦听器总是在验证插件的侦听器之前执行。
所以我想知道是否有一种好方法可以使用jQuery将某些内容插入到调用堆栈中的某个位置？或者可能延迟其他绑定函数的执行，直到我的函数有机会运行。
浏览 1提问于2011-09-07得票数 2
3回答
我已经把下面的内容去掉了，我传递了更多的属性来调用ajax中的特定信息。
$(document).on("click", ".call", function(){
$.ajax({type: "POST",url: "showform.asp",dataType:"html",data: {},cache: false,success:function(result){
$("#LoadArea").html(result);
}});
});
$(document).o
浏览 5提问于2012-02-24得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
