jQuery .trigger()多个事件
以下是关于jQuery .trigger()多个事件的答案：
jQuery .trigger()方法可以用于触发一个或多个事件。要触发多个事件，只需要将事件名用空格分隔即可。例如：
$("#myElement").trigger("event1 event2");这将会触发名为event1和event2的事件。需要注意的是，当触发多个事件时，事件处理函数将按照事件名的顺序依次执行。
另外，也可以使用.trigger()方法传递参数给事件处理函数。例如：
$("#myElement").on("event1 event2", function(event, param1, param2) {
if (event.type == "event1") {
console.log("Event 1 triggered with parameters: " + param1 + ", " + param2);
} else if (event.type == "event2") {
console.log("Event 2 triggered with parameters: " + param1 + ", " + param2);
}
});
$("#myElement").trigger("event1", "param1Value", "param2Value");
$("#myElement").trigger("event2", "param1Value", "param2Value");这将会触发名为event1和event2的事件，并将参数param1Value和param2Value传递给它们的事件处理函数。
最后，需要注意的是，当触发多个事件时，如果其中一个事件处理函数返回false，则后续事件处理函数将不会被执行。
相关·内容
我有问题触发一个jQuery点击通过Greasemonkey/Tampermonkey...
jQuery('button').each(function() {
jQuery(this).css('background', 'red');
jQuery(this).click();
location.assign("javascript:jQuery(this).click();void(0)");
}
正如你所看到的，我甚至尝试过，但什么都不起作用，控制台中也没有错误。
有趣的是，是的，背景颜色确实会
浏览 0提问于2012-05-03得票数 2
回答已采纳
下面的jquery代码显示了两个alert()框。为什么？
$(window).resize(function(){
alert("called-1");
});
$(window).bind("resize.test",function(){
alert("called-2");
});
我的问题是，为什么Jquery在resize()触发器之后调用自定义事件(即事件名称以“resize”开头)？
jQuery版本: 1.12.4
浏览 20提问于2016-09-07得票数 2
回答已采纳
3回答
很抱歉，如果用户更改了一个复选框，或者只在复选框上悬停一个事件，那么错误的English.How就会得到一个复选框的值。我试过这个，但不起作用。
jQuery("select[name*=super_attribute]").on('change , hover', function(){
alert('trigger');
});
我知道我们可以这样做
jQuery("select[name*=super_attribute]").on('change', function(){
alert('tr
浏览 6提问于2016-10-04得票数 0
回答已采纳
在jQuery帖子中使用Tweet()函数显示/隐藏Twitter "Tweet“按钮的适当方法是什么？
我遇到的问题是，当我把代码放在我的内容-post.php中时，切换功能和tweet功能只在流中的第一个(最近的)帖子上工作。我该如何把这个放在Wordpress循环中呢？
现在，我正在包括以下代码--我的内容-post.php文件：
<?php if (!is_singular()) { require('post_buttons.php'); }?>
以上代码包括来自另一个文件的Tweet按钮，其中包含此切换代码：
<script>
jQu
浏览 0提问于2011-08-29得票数 0
回答已采纳
2回答
我有一个巨大的表单，它根据输入动态隐藏或显示元素。为此，我使用了许多onChange事件。表单可以提交给PHP服务器，并使用PHP服务器加载。表单本身使用Javascript和JQuery。加载表单时，不会自动触发onChange事件，因此我尝试使用以下代码手动执行此操作：
//Fires the event manually
echo 'var element = document.getElementsByName("'.$FieldName.'");';
echo 'event = new Event("ch
浏览 6提问于2022-01-25得票数 0
我正在编写一个jQuery插件，并使用.on和.trigger作为我的发布/订阅系统。但是，我想在不同的场景中触发多个事件。
这是否可以像.on方法那样作为一个字符串来执行？
目标：
$this.trigger("success next etc"); // doesn't work
当前解决方案：
$this
.trigger("success")
.trigger("next")
.trigger("etc"); // works, triggers al
浏览 4提问于2012-08-08得票数 25
回答已采纳
我想在单击按钮时向输入的值添加'a‘
以下是我的代码(使用jQuery 1.4.4)：
$("#button").click(function(){
$("#input").trigger("focus");
var e = jQuery.Event("keypress");
e.which = '97';
$("#input").trigger(e);
})
但是，它似乎只触发了“焦点”事件，却未能触发“按键”。
浏览 2提问于2013-03-21得票数 22
回答已采纳
今天是jQuery日。我在文档中找到了这个：
blur() Returns: jQuery Triggers the blur event of each matched element.
blur(fn) Returns: jQuery Bind a function to the blur event of each matched
element.
换句话说，函数的行为完全不同，取决于它是否接受参数。
这是设计上的错误，还是有历史原因？
考虑到我对javascript和jQuery一无所知，我正在试着去了解它。
浏览 0提问于2009-11-16得票数 1
回答已采纳
我正在使用jquery和一些输入插件，如滑块、复选框等。然而，在该表单中，我有表单更改提交(GET过滤)。在这里，如果插件更改了输入值字段，则不会触发操作。只有在用户这样做的情况下。
$(document).on('change', '.form-onchange-submit', function (e) {
$(this).submit();
});
例如，我使用此代码来选择所有
$(document).on('click', ".select_all", function (e) {
e.preventDe
浏览 0提问于2016-10-14得票数 0
我使用已选择的jquery，并希望从javascript中设置选定的值。
Javascript/Jquery
$(document).ready(function() {
var selectedUserRole = document.getElementById('SelectedUserRole').value;
var str_array = selectedUserRole.split(',');
for (var i = 0; i < str_array.length; i++) {
// Trim the excess w
浏览 1提问于2015-02-24得票数 14
回答已采纳
4回答
在JS / jQuery中，经常需要做一些事情，然后在某些情况下重复它。
例如，像这样的东西，它只是一个例子：
$(window).load(function() {
scaleSomething();
$(window).resize(function() {
scaleSomething();
});
});
写这样的东西最优雅的方式是什么？因为在这种情况下，一个函数/代码块总是加倍的。
浏览 0提问于2013-12-31得票数 1
2回答
我使用jquery，在这里，我需要动态修改查询(删除查询或输入新查询)，而不实际键入与插件连接的搜索框。
这里的问题是，我想首先触发backspace事件，然后进入事件下一步。这是密码。
function triggering_events() {
$(".tag").each(function() {
var e = jQuery.Event("keydown");
e.keyCode = 8;
e.which = 8;
$("#input-search_tag").tri
浏览 1提问于2012-09-21得票数 0
回答已采纳
2回答
当我试图在“从列表框中选择”asp.net用户控件在ie 7 8 9中触发事件时
$("select").trigger("change")
$("select").trigger(jQuery.Event("change", {target: $("select").get(0)}));
$("select").trigger(jQuery.Event("change", {srcElement: $("select").get(0)}));
预定义.net脚本在没
浏览 3提问于2012-02-17得票数 1
回答已采纳
在相同的单击中，我需要在两个不同的字段中添加两个不同的值: value和value*50。因此，我试图通过类获取一个字段，通过ID获取另一个字段。由于某种原因，它不起作用。这就是我所用的逻辑。有人能指点我吗？
</script>
<script type="text/javascript">
$('button').on('click', function() {
let value = this.value;
$($(this).data('target')).val(value*50).t
浏览 3提问于2020-04-24得票数 0
回答已采纳
2回答
我正在尝试触发页面上的点击函数，并在选择的下拉选项上使用jQuery，以便后续操作可以进行，但无法工作。
我试过：
jQuery("document").ready(function() {
setTimeout(function() {
jQuery("customlist_chzn_o_2").trigger('click');
},10);
或
jQuery("document").ready(function() {
jQuery('#customlist').val(9).trigg
浏览 2提问于2016-10-09得票数 3
回答已采纳
$(function(){
$(".cls_user_details select").keyup(function(){
$(".cls_user_details select").val("Profile");
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cls_user_settings cl
浏览 4提问于2016-03-13得票数 0
我想用jQuery构建一个没有设置为DOM元素的自定义事件。
它在jQuery描述中说：
jQuery.event.trigger('test');
是触发一个自定义事件。
但是我怎么才能抓住它呢?？
提前进行thx
浏览 0提问于2012-06-21得票数 9
回答已采纳
我有一个为slide事件配备了处理程序的jQuery滑块(实际上是它的一个自定义扩展)，当以交互方式操作滑块时，这个处理程序会被正确调用，但在我运行时就不会了
$("#slider").trigger("slide");
此命令运行时没有错误，但不会调用slide处理程序。
为什么会这样呢？
是否需要向触发器传递不同的参数才能调用slide处理程序？
编辑:更改了帖子的标题，以更准确地反映问题的动机。
浏览 0提问于2013-10-05得票数 4
在使用纯Javascript和jQuery(我使用的是两个不同的库)混合使用时，我遇到了这个问题。因此，对于文本输入字段，普通的Javascript库依赖于使用addEventListener方法添加的更改事件绑定。另一个jQuery插件(Datetimepicker)用于更改字段，并在值更新后触发jQuery.change()方法。
问题是，侦听器不是由jQuery事件触发的。这里有一些简单的代码来说明这个问题。
<!DOCTYPE html>
<html>
<body>
<input id="abc">abc abc.<
浏览 2提问于2014-12-02得票数 2
5回答
我想使用JQuery的触发器方法来触发这个jquery函数。我怎么能这么做？实际上，我甚至不知道触发器方法是否适合于用户定义的函数。
$('a.pop').click(function() {alert('testing'); }
这不是在工作
$('a').trigger(testtt);
var testtt = function(){ alert('aaa');}
浏览 2提问于2011-07-18得票数 1
回答已采纳
我有这样的菜单：
<ol id="list" class="juilist ui-selectable" style="float: left;">
<li class="ui-widget-content" id="task_27">ay</li>
<li class="ui-widget-content" id="task_28">b</li>
</ol>
我想用jQuery在指定的ID上触发一个'
浏览 3提问于2013-11-12得票数 0
回答已采纳
我得到了Js/Jquery代码，可以在彩色"X“的悬停中触发显示/隐藏。每个"X“都有不同的div和要显示的内容。我知道还有一种更好的方法来编写Js/Jquery代码，另一种方法是重复相同的代码，但只需要更改div的名称(每个"X“)就可以了。您可以在这个中看到这一点。
我还使用Jquery qtips插件来使衰落盒正常工作
对于如何更好地编写代码，我将不胜感激。
谢谢
下面是我正在讨论的Js/Jquery示例
$(document).ready(function () {
$('.box').hide();
$('.trigge
浏览 1提问于2012-03-16得票数 0
4回答
我有两个文本字段：
<input type="text" id="ex_1" class="update">
<input type="text" id="ex_2" class="update">
当我赋值时，我希望：
jQuery("#ex_1").val(12);
jQuery事件调用如下，但不是在更改时调用，而是在赋值时调用：
jQuery(".update").change();
jQuery(".upd
浏览 0提问于2014-03-05得票数 0
我不能让.trigger("change")工作。有人知道为什么吗？
jQuery(document).ready(function () {
jQuery("select[id='DROPDOWNID']").change(function () {
var selectedIndex = jQuery("select[id='DROPDOWNID']").prop('selectedIndex');
switch (selectedIndex) {
浏览 7提问于2013-09-09得票数 20
回答已采纳
1回答
我正在尝试将html的外部源动态合并到jQuery移动页面中。我能够成功地合并外部的超文本标记语言，但它看起来像普通的超文本标记语言(即不是jQuery移动影响的超文本标记语言)。有谁能建议我可能做错了什么吗？
主要Html：
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; chars
浏览 0提问于2012-08-03得票数 3
回答已采纳
3回答
我有一个简单的代码：
$(".btn").on('click',function () {
$(".a").trigger('click');
});
$(".btn2").on('click',function () {
$(".a")[0].click();
});
我试着模拟压在锚上的样子。
但是当我使用jQuery的trigger时，它不起作用(为什么？)
当我使用"jsobj".click() func时，它确实有效。
在阅读了jQuery文档
浏览 3提问于2012-07-14得票数 7
回答已采纳
我正在向jQuery移动可折叠网格添加一个带有列表项的列表视图。下面是我的Default.js代码
$(document).ready(function () {
var appNames = getApprovalNames(phone, pin);
for (var i = 0; i < appNames.length; i++) {
var header = '<h3>' + appNames[i].Name + '</h3>';
var ulHeader = '
浏览 0提问于2012-08-28得票数 1
回答已采纳
3回答
如果id="e2“由id=”e1“填充，如何填充id="e1"？
在这里检查活动代码，
jQuery(document).ready(function(){
jQuery('#e1').on('keyup', function(){
var text = jQuery(this).val();
jQuery(this).next().val(text);
});
jQuery('#e2').on('keyup'
浏览 4提问于2013-05-14得票数 1
回答已采纳
在下面的函数中，我想调用第一次单击事件，当用户单击时，函数将在鼠标经过时调用，这是可能的吗？
<a href="javascript:void(0);" id="digit<?php echo $k;?>" onClick="javascript:return swapClass('<?php echo strtoupper($v);?>','<?php echo $k;?>');" class="GetDivCount" rel="<?php
浏览 2提问于2013-04-08得票数 0
jquery:如何触发click.ui-foo事件？
<div class="ui-foo"> </div>
<div id="foo-trigger"> </div>
$("#foo-trigger").on("click.ui-foo", function() { alert("clicked"); });
事件是如何触发的？点击div“foo-触发器”，什么都没发生。为什么不直接使用事件“点击”呢？有什么关系？
浏览 1提问于2022-06-08得票数 0
3回答
我在理解jQuery().change()行为方面有一些问题。
HTML基本上是大量的输入元素--复选框(每个复选框都带有id^='o99-post-visible-XXX'的ID )，它们都是纯CSS图像作为复选框，但这是不相关的)，我还有另一个复选框("#o99-check-all")来“选中所有”，还有一个文本输入字段('#o99-post-visible-ids')接收所选框的ID。
jQuery代码如下：
jQuery(document).ready(function() {
jQuery("#o99-check-al
浏览 2提问于2018-03-06得票数 1
回答已采纳
最近，我发现当我单击其他元素时，jQuery无法触发锚标记上的本机单击事件，下面的示例将无法工作：
html
<a class="js-a1" href="new.html" target="_blank">this is a link</a>
<a class="js-a2" href="another.html" target="_blank">this is another link</a>
javascript
$('.js-a1
浏览 6提问于2013-12-26得票数 9
回答已采纳
我有4个文本框，我想同时触发所有
var e = jQuery.Event("keyup");
e.keyCode = $.ui.keyCode.ENTER;
$("#txtBox1").trigger(e);
$("#txtBox2").trigger(e);
$("#txtBox3").trig
浏览 1提问于2014-07-03得票数 0
我使用的是jQuery UI数据报警器，并提供了另一种输入。
因此，当从日历中选择日期时，输入值由jQuery设置。
输入中的值正在更新，但ng模型没有更新。
<input type="text" name="date" ng-model="user.date" />
浏览 2提问于2014-04-08得票数 0
回答已采纳
2回答
我有一个具有3个属性字段(Field1, Field2, Field3)的可配置产品，我需要的是第二个( id为attribute134的Field1)具有如下两个选项的按钮按钮：
<input type="radio" name="revision" id="revision1" value="base" disabled>
<input type="radio" name="revision" id="revision2" value="complete
浏览 10提问于2013-07-10得票数 0
3回答
我试图触发ul的第一个锚点，但不知何故，我的jQuery发出了这个错误Uncaught TypeError: Cannot read property 'type' of undefined。我不知道它为什么要这样做会感谢任何帮助--这是我的代码。
<span style="cursor:pointer;color:#363636;" onclick="popall()">Click to zoom</span>
上面是事件处理程序，下面是我的js。
<script type="text/javascript
浏览 5提问于2013-08-28得票数 0
回答已采纳
3回答
我有一个使用旧jQuery的文档，我需要一个特定插件的新jQuery。我的文档结构如下所示：
<html>
<head>
<script type="text/javascript" src="jQuery.old.js"></script>
</head>
<body>
<script>
$("#elem").doSomething(); // use old jQuery
</script>
浏览 2提问于2010-05-21得票数 5
回答已采纳
3回答
如何使用jquery检查下拉框中是否发生了任何更改？
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4" selected="selected">$
浏览 6提问于2013-11-26得票数 1
回答已采纳
我有以下jquery片段，它通过css显示或隐藏项目，具体取决于选择哪个单选按钮.
<script>
jQuery('input:radio[name="type"]').change(
function(){
if (jQuery(this).val() == 'value1') {
jQuery('.one').css({'display':'none'});
jQuery
浏览 3提问于2015-03-22得票数 1
3回答
这是我单击按钮时执行的操作：
$('div.my-button').on('click', 'button', function(e) {
// some code
});
如何在执行另一个操作时调用此事件？我应该将此事件的代码移动到单独的函数中，还是可以调用一个单击或其他什么？
我试着打电话给click：
$('div.my-button').click()
但该操作并未执行。
我使用jquery 1.9+
编辑1：
$('div.my-button').on('click
浏览 2提问于2013-03-15得票数 0
回答已采纳
2回答
我已经创建了一个通用函数，在我的应用程序中显示jQuery对话框。这个函数很简单
设置对话框标题
对服务器端函数进行ajax调用，并使用返回的html填充对话框
打开对话框
以下是功能：
function loadDialog(action, id, title, onCloseHandler) {
$("#__gsl_DialogPanel").dialog("option", "title", title);
var url = action;
if (id != "") url =
浏览 4提问于2010-10-16得票数 0
回答已采纳
4回答
使用jQuery可以以编程方式触发哪些所有事件？此外，在使用jQuery进行事件触发与使用自然触发方式进行事件触发时，是否有任何重要的区别需要记住？
浏览 1提问于2011-08-02得票数 4
回答已采纳
10回答
如何在上触发更改事件
我以为这会是
$('#slider').trigger('slidechange');
但这并没有什么作用。
完整的示例脚本如下：
<link href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.j
浏览 176提问于2009-08-17得票数 54
回答已采纳
2回答
我需要知道内容的事件改变我的div元素，我怎样才能用jquery做到呢？
<div id="mydiv">text before</div>
过了一段时间
<div id="mydiv>other content</div>
我就是这样做的
$("#mydiv").change(function() { alert('yes'); });
by不起作用
(function(){
var interval;
jQuery.event.spec
浏览 3提问于2010-12-27得票数 6
回答已采纳
考虑以下HTML：
<select value="val2">
<option value="val1">o1</option>
<option value="val2">o2</option>
</select>
和JavaScript (在文档就绪时执行)：
var $select = $('select');
var select = $select.get(0);
function logger(msg) {
return funct
浏览 0提问于2014-01-23得票数 17
回答已采纳
我有一个定制的jQuery事件，像这样
jQuery(this).trigger({
type: 'my_own_event',
data1: 'foo',
data2: 'bar'
});
要附加一个事件处理程序，我必须像这样使用函数。
jQuery(element).on( 'my_own_event', function(e) {
//Do something
});
如何像其他内置事件(如.click()、.keyup() )一样使用它。就像这样
jQuery(element).my_own
浏览 2提问于2014-02-26得票数 1
回答已采纳
我试图以编程的方式(使用jQuery)触发具有Drupal形式的AJAX行为的单击按钮，但到目前为止，jQuery('#edit-submit').click()没有做任何事情。
一个真正的鼠标点击该按钮的工作原理。有什么办法让它起作用吗？
浏览 0提问于2011-09-20得票数 28
回答已采纳
9回答
如果我理解正确的话，要以编程方式触发附加到具有my-button的jQuery类的对象的click事件，您应该能够这样做：
$('.my-button').click();
由于某些原因，此代码无法触发附加到元素的单击事件。代码的$('.my-button')部分正常工作，并返回一个元素。我们知道事件处理程序是附加到该元素的，因为单击该元素确实会触发其事件处理程序的代码。该处理程序附加了以下简单代码：
$('<a class="my-button"/>')
.click(function() { /* code
浏览 3提问于2010-12-23得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
