jQuery -$(.on).on(‘ended’function())仅在第一个元素上触发一次
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和Ajax交互等操作。它具有跨浏览器兼容性，并提供了丰富的API，使开发人员能够更轻松地操作DOM元素、处理事件和执行动画。
在给定的问答内容中，$(.on).on('ended', function())是一个事件绑定的语法，它使用了jQuery的选择器和事件处理方法。具体来说，它将一个名为'ended'的事件处理程序绑定到选择器选中的元素上。
在这个特定的语法中，$(.on)表示选择器，它用于选择一个或多个DOM元素。.on('ended', function())是事件绑定方法，它将'ended'事件与一个匿名函数进行绑定。当选中的元素触发'ended'事件时，绑定的函数将被执行。
需要注意的是，$(.on).on('ended', function())只会在第一个选中的元素上触发一次。这意味着如果选择器选中了多个元素，只有第一个元素触发'ended'事件时，绑定的函数才会被执行。对于其他选中的元素，即使它们也触发了'ended'事件，绑定的函数也不会被执行。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供高性能、可扩展的云服务器实例，满足各种计算需求。产品介绍链接
- 腾讯云云数据库MySQL版：提供高可用、可扩展的MySQL数据库服务，适用于各种应用场景。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、可靠的云端对象存储服务，用于存储和管理海量数据。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和情况进行评估。
相关·内容
1回答
遵循
triggerHandler()方法类似于触发器()方法。除了不触发事件(如表单提交)和的默认行为外，它只影响第一个匹配的元素.。
但是我用两个输入标签进行测试并使用
$("input").triggerHandler("select");
那么他们两个都会受到影响。这是我的密码：
HTML：
<input type="text" name="FirstName" value="Hello World" />
<input type="text" name="
浏览 3提问于2012-11-10得票数 3
回答已采纳
1回答
我在"http://dev.moragues.pe/austral/es/#/nosotros/organizacion/gerencia/“上有一个画廊，我已经注册了两个活动 jQuery('.ngg-gallery-thumbnail a img')
.live('mouseover',function() {
alert('a');
jQuery(this).css('zIndex','100').addClass("hover"
浏览 1提问于2011-02-17得票数 0
1回答
我试图让html5音频播放器播放列表的歌曲，但它只播放两个头一个，并停止。
我用这个让它在结束后播放下一首歌：
$(audio).on("ended", function() {
audio.pause();
var next = $('#playlist li.active').next();
if (next.length == 0) {
next = $('#playlist li:first-child');
}
initAudio(next);
audio.play();
showDuration();
});
找不出这里的问题
浏览 2提问于2017-03-03得票数 1
回答已采纳
2回答
如果页面大小改变了，我就会遇到jquery脚本的问题。例如，如果您在手机上打开网站，然后打开并关闭菜单，然后将手机从垂直旋转到水平，然后再次打开菜单-块将不会显示。
我使用这个脚本
return $(document).ready(function() {
(function($) {
if ($(window).width() < 960) {
$('#header-menu').css('display', 'none');
$('header.grid-container').css
浏览 0提问于2015-05-21得票数 0
这似乎是一件很容易做的事情，但我自己却搞不懂。
我正在构建一个Web音频可视化工具。我的HTML文件由一个未分组的SVG和在g-tag中标记的元素组成。这一切都很好。
<g id="start"><path fill="#f03877" d="M94.168,131.995c0,0-0.073,0.121-0.201,0.332c-0.119,0.217-0.289,0.526-0.493,0.897
c-0.409,0.742-0.955,1.731-1.5,2.72c-0.274,0.494-0.548,0.988-0.8
浏览 1提问于2014-04-21得票数 0
如何在HTML5视频标签中连续播放两个视频？
在Google Chrome中，下面的代码只播放第一个介绍视频。
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
var i = 0;
var sources = ['1.mp4', '2.mp4'];
videoElement.addEventListener('ended', functio
浏览 13提问于2011-11-04得票数 0
我有一排带有"itemcontainer“类的div，它们在鼠标悬停时显示一组动作图标。其中一个操作图标有一个下拉菜单，其中包含鼠标悬停时显示的绝对位置。我试图解决的挑战是，下拉菜单横跨在项目容器上，当您将鼠标向下移动到下拉菜单时，项目容器鼠标输出逻辑会启动并隐藏下拉菜单和项目容器。任何建议，请参阅下面的jquery代码。
$(".itemcontainer").live("mouseover", function () {
$(this).addClass("selecteditemcontainer");
浏览 1提问于2010-07-23得票数 1
回答已采纳
2回答
我正在尝试通过组合一些代码片段来构建一个简单的播放列表(使用VideoJS和它的Dailymotion插件)。我已经设法获得了一些基本的功能，我正在接近我想要的。现在，我想更新它以自动移动到播放列表中的下一个项目，如果列表中没有下一个项目，则再次移动到第一个项目。我认为我可以在vid结束时使用回调，但这似乎不起作用。下一项似乎是随机的。
// Video ended find next
$("#myPlayer").on("ended", function(){
if ($("#list li.selected&#
浏览 4提问于2014-08-19得票数 0
今天早上我似乎遇到了一点removeClass的麻烦。首先，我单击一个div来添加类'containerhover'，然后当我单击close按钮时，它不会删除它刚刚添加到div中的类。
我不知道这是否与它只是被添加到dom中，而不是真正被编码到HTML中有关。有人能帮帮忙吗。
HTML
<div class="container"></div>
jQuery
$(function() {
$('.container').click(function(e) {
var mythis = $(this
浏览 0提问于2012-01-14得票数 0
回答已采纳
我需要我的子菜单div只有在li项和子菜单本身都没有悬停时才会消失。
CSS解决方案在这里不起作用，因为我需要使用第一个子级悬停，而子菜单div不是一个子级元素。
我已经在论坛上搜索过了，但是当子菜单不是li项的子菜单时，我找不到解决方案。
HTML：
<ul id="top-menu">
<li>item 1</li>
<li>item 2</li>
<li>item3</li>
</ul>
<!-- somewhere else in DOM (not directly
浏览 2提问于2013-02-04得票数 0
我使用的是jquery的翻转插件。我想翻转一张牌(Div)，在它完成翻转后，立即去revertFlip它。这就是我所尝试的：
$("#flipbox").bind("click",function(){
$(this).flip({
direction:'tb',
onEnd: function() {
$(this).revertFlip();
console.log('when the animation h
浏览 0提问于2011-04-09得票数 0
我使用以下代码尝试使用HTML5音频API播放声音剪辑：
HTMLAudioElement.prototype.playClip = function(startTime, stopTime) {
this.stopTime = stopTime;
this.currentTime = startTime;
this.play();
$(this).bind('timeupdate', function(){
if (this.ended || this.currentTime >= stopTime) {
this.pause()
浏览 1提问于2011-11-22得票数 1
回答已采纳
2回答
每次选中复选框时，我都希望运行这个jQuery函数，现在它只在我第一次选中某个复选框时才能运行，下一个复选框将什么也不做，依此类推。
这是我的jQuery：
$('#check').change(function () {
var price = $(this).data('price');
var currPrice = $('.pricedisplay').data('price');
$('.pricedisplay').text(price + currPrice);
});
还有一
浏览 4提问于2014-03-07得票数 0
回答已采纳
1回答
我有一个简单的无序列表和列表项作为菜单项，我创建jquery只是为了有一个有趣的滚动效果：
$('#nav ul ul li').hover(function(){
$(this).animate({
marginLeft: "20px",
}, 300 );
}, function(){
$(this).animate({
marginLeft: "0px",
}, 300 );
});
这个脚本的问题是，如果你在菜单上匆忙几次，动画队列就会增加。我尝试在两者之间使用.stop()，但
浏览 2提问于2009-05-19得票数 3
回答已采纳
1回答
jQuery：“提交”事件的魔力
、、、、
这是一个简单的html：
<form method="post">
<input type="hidden" name="default_action" value="default_action_value" />
<input type="text" name="count" value="1" />
<input type="submit" value="Button!" />
浏览 2提问于2013-07-24得票数 0
回答已采纳
我在IE中遇到了一些jQuery的麻烦。控制台中没有出现错误，所以很难调试。
我会告诉你剧本是如何工作的
Index.php
< div =‘tableholder’> article.php通过PHP ()首次在</ div >中加载到这个div中
因此，在article.php中，我有一个刷新按钮：< img =‘src’src='whatever.jpg‘/>
在article.php顶部还有以下代码：
<script type='text/javascript'>
$(document).ready(functi
浏览 2提问于2012-01-11得票数 2
回答已采纳
1回答
我使用范围滑块，它将数据输出到输入字段中。我试图将该数据乘以50，并在其下显示结果，，但是只有当我手动将数据输入到字段时，脚本才能工作。
例如，如果您在该字段中编写5，您将得到250，但如果您只是移动滑块，什么都不会改变。
如何强制jQuery刷新数据？
jQuery("#slidervalue").change(function(){
var unit = parseFloat(jQuery(".unit").attr("data-init-unit"));
var multiplier = parseInt(jQuery("#
浏览 2提问于2020-04-16得票数 0
回答已采纳
我有下面的代码和jsFiddle链接。在我的脑海中，我的代码应该可以工作，它找到了正确的li标签并禁用了默认操作，问题是它在不应该的时候将它重复到了子元素中，你能解释一下吗？
HTML：
<ul id="nav">
<li class=""><a href="home.htm">Home</a>
</li>
<li class="nav_parent"><a href="our-projects.htm">
浏览 0提问于2013-03-25得票数 0
回答已采纳
我有这个html：
$(function() {
$('.link-check').on("click", function(e){
$(this).find("input").click();
})
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="link-check">
浏览 1提问于2019-07-29得票数 0
1回答
当我试图转换不透明时，我在转换链上遇到了问题。否则它就正常工作了。没有不透明度，console.log显示：
Transition no 1 started at: 1523817891340
Transition no 1 ended at: 1523817893361
Transition no 2 started at: 1523817893363
Transition no 2 ended at: 1523817895358
这是正确的(近似的)。
现在，如果取消对不透明转换的注释，将得到以下输出，这显然是错误的：
Transition no 1 started at: 1523818
浏览 0提问于2018-04-15得票数 0
回答已采纳
我试图使用带有a库的jQuery在Backbone.js标记上添加一个活动类.我已经做了一些事情，但是当我单击该标记时什么也没有发生。
HTML：
<div class="bets_view">
<div class="filtering_options">
<a href="#brzn/yolo/all" class="btn btn-filter">All</a>
<a href="#brzn/yolo/open" class="
浏览 0提问于2015-09-16得票数 3
回答已采纳
我已经研究过如何使用.one()来满足我的需求，并且让它在每个类选择器实例中都能正常工作，因为它只显示一次。但在jQuery.com上，它声明以下内容将起作用，如果单击一次，如果使用相同的类选择器单击另一个元素，它将不会再次运行。然而，这对我不起作用。我在一个页面上有并且需要相同的特定类选择器。
以下是jQuery.com提供的示例代码：
$("#foo").one("click", function() {
alert("This will be displayed only once.");
});
$("body").one
浏览 1提问于2012-12-08得票数 4
1回答
我有一个包含元素(h3，img，p)的div。我想使用jQuery来检测用户何时将鼠标悬停在此div上，然后切换此div中的某个元素类。
我使用的代码如下：
$('.entry').bind({
mouseover: function() {
$('.readMore').toggleClass('inverted');
},
mouseleave: function() {
$('.readMore').toggleClass('inverted');
}
});
浏览 1提问于2011-11-08得票数 5
回答已采纳
当视频完成时，我正在触发一个事件，使用：
video.addEventListener("ended", function() {
//whatever
});
如果我通过纯javascript：var video = document.getElementById('test');获取选择器，这是可行的。
如果我通过jQuery：var video = $("#test");获取选择器，这是行不通的
为什么会这样？
浏览 3提问于2014-11-19得票数 1
回答已采纳
我的任务是为网页开发类似手风琴的功能。
页眉总是可见的，而主内容(和页脚)则被设计为display: none;。
在标题的末尾，有一个按钮。单击它将触发我的jQuery代码。
代码应该将设置为display: block;，并将屏幕慢慢滚动到元素的开头，设置top =
再次单击相同的按钮，将切换回display: none;并滚动到元素中iframe的开头。
这是jQuery代码：
$(document).ready(function() {
//jQuery: Basic Accordion
$("#accordion").click(funct
浏览 0提问于2021-06-11得票数 2
回答已采纳
3回答
我有一个简单的模式窗口与它的视频(使用Video.js)。我在点击时使用jquery打开并关闭它。我需要的视频暂停/停止，如果用户在任何时候关闭窗口。由于某种原因，我不能让它工作。我已经搜索了一段时间，得到了相同的答案，所以它应该很简单，但有些东西导致它不工作。任何帮助都将不胜感激！
<a href="#" class="video1"></a>
<div class="modal" id="video1" style="display:none;">
<div
浏览 8提问于2014-11-06得票数 2
“ended”事件似乎不适用于循环视频(属性循环)。
<video id="video-player" width="946" height="503" preload="auto" loop="loop" poster="" autoplay="autoplay">
<source src="video.mp4" type="video/mp4">
</video>
当视频回放在循环中第一次结束时，我
浏览 4提问于2014-02-27得票数 3
4回答
Firefox在拖出窗口时没有正确地触发拖放事件：
我正在尝试开发一个解决这个问题的方法(我知道这是可能的，因为Gmail正在这么做)，但我唯一能想到的事情似乎真的很棘手。
一种了解拖出窗口的方法是等待dragover事件停止触发(因为dragover在拖放操作期间不断触发)。我就是这样做的：
var timeout;
function dragleaveFunctionality() {
// do stuff
}
function firefoxTimeoutHack() {
clearTimeout(timeout);
timeout = setTimeout(dra
浏览 8提问于2012-04-20得票数 36
回答已采纳
HTML：
<div id="timerList">
...
<li rel="project" class="open">
<a class="" style="" href=""><ins> </ins>Project C</a>
</li>
...
</div>
javascript/jquery：
$('#timerList li[rel=
浏览 0提问于2010-04-09得票数 1
回答已采纳
我正在使用TWILIO在我的应用程序中提供一个呼叫服务。我正在使用javascript和php来完成这项工作。我正在使用下面的代码，我的呼叫工作正常，但我想在呼叫进行时在页面上显示呼叫持续时间。我无法获取呼叫的记录/详细信息。你能帮帮我吗。提前感谢：
<?php
include 'Services/Twilio/Capability .php';
// put your Twilio API credentials here
$accountSid = 'AC';
$authToken = 'ce';
// put your Tw
浏览 3提问于2013-01-10得票数 1
2回答
嘿，大家好，我正在做一个笔记网站。但是现在我希望能够调整多个文本区的大小，但是我的代码只能在第一个选定的文本区上运行。
Jsfiddle：
var content = $("#banner-message");
for (i = 0; i < 5; i++) {
content.append(` <textarea id="note" class="autoExpand" type="text"
name="id">Text</textarea>
浏览 16提问于2018-06-08得票数 -1
回答已采纳
我尝试在div中添加多个输入元素和其他数据，并对该div使用overflow:auto (使用jquery显示/隐藏该div)
它在Firefox浏览器中工作得很好，但是在IE (10)中，当元素超过div的高度时，滚动条就会出现，但是当用户使用滚动条向下滚动，然后将鼠标移到该div中的任何input元素或其他元素上输入数据时，div内容就会向上滚动。因此，用户无法访问该div中低于该div高度的元素/内容
这是小提琴的链接，您可以在其中看到代码
html页面代码(因为jsfiddle链接需要代码)
如有任何帮助或指导，将不胜感激
感谢您的帮助和时间
-代码从下面开始
<html>
浏览 2提问于2013-06-11得票数 1
回答已采纳
2回答
为什么这个jQuery在第一次被删除时就不掉了？
$(".drag").draggable({
revert: 'invalid',
drag: function(event, ui) {
$(this).addClass('valid');
}
});
$("#droppable").droppable({
accept: '.valid',
drop: function(event, ui) {
$('#droppable').text('droppe
浏览 4提问于2011-03-04得票数 4
回答已采纳
我正在使用jquery.visible.js来检测DIV何时在视图中(它在插件上启动动画，具有类似于圆形动画的效果)。但每次我使用滚轮时，它都会继续触发，无限地增加自己，而且我找不到一种方法来停止它，用off()或unbind()？谢谢!
// Check vertical for circliful using jquery.visible.js
$(window).scroll(function(){
if ($("#moreSection").visible(true)){
// trigger circliful
$(
浏览 9提问于2015-04-15得票数 5
3回答
我有一个带引导模式模板的html文件；在里面，我在两个分离的div's中有两个inputs，唯一的区别是:第一个(input)有countdown maxlength="140"，而第二个没有。
我创建了一个函数，在每次打开modal时将焦点放在input上：
// focus input every time modal is open
$(document).ready(function() {
$('.modal').on("shown.bs.modal", function() {
$('.form-cont
浏览 9提问于2017-07-28得票数 1
回答已采纳
我有这样的代码：
jQuery('.views-row').each(function(){
if(jQuery(this).find('.views-field-field-doctor-indicator').length != 0) {
jQuery(this).css("padding","0px");
jQuery('.views-field-title span a', this).css("color","#00476b");
浏览 4提问于2014-04-03得票数 0
回答已采纳
例如，如果我单击‘button’按钮，它成功地为第一个post添加了选票，并使用class="rate_votes“在span元素中显示结果，但由于下面的行，它在所有具有相同类的span元素中也显示相同的结果：
$(“.rate_votes”).text(费率)；//
我怎么才能避免呢？如果我用
.text(费率)；//
它将不能正常工作，因为它不知道要选择哪个span元素。你能帮帮我吗。
以下是我的看法：
<div>
<?php
fore
浏览 4提问于2014-06-14得票数 0
回答已采纳
问题的一部分是我不确定如何表达我想要的……
这是我的jQuery
$(".view-bio").click(function(){
if($("h2 a").hasClass("collapsed")) {
$("h2 a").removeClass("collapsed");
} else {
$("h2 a").addClass("collapsed");
}
});
我有一个在WordPress中生成的无序列表。一切都正常，除了当你点击的时候，它会在所有的列表项
浏览 1提问于2012-10-25得票数 0
2回答
我有一些初始隐藏的html代码片段。
<p style="float: left; position: relative; left: 130px; top: 80px; display: none;" id="homehref">
<a href="" style="color: white;">Home Page</a>
</p>
我在mouseover上用jQuery.show()显示它，在mouseout上用jQuery.hide()再次隐藏它；尽管当我把鼠标
浏览 1提问于2010-11-11得票数 1
回答已采纳
1回答
我使用jQuery创建了一个音频对象，如下所示
var player;
$(document).ready(function() {
player = new Audio();
player.id = "player";
player.volume = 0.5;
});
我能弹奏，暂停，.圆满成功
player.src = file;
player.play();
这是我遇到麻烦的时候。我在试着检测玩家什么时候停止比赛，但它不起作用.
我尝试过以下几种方法，但没有成功：
$(document).on("ended", "#pla
浏览 0提问于2018-01-22得票数 2
回答已采纳
大家好，我想知道如何在子菜单中移动鼠标的同时保持父菜单的悬停状态。
我是jQuery的初学者，我希望您能给我一些提示/建议。
jQuery代码
// Navigation Slide //
var navHover = function () {
$("#S" + this.id).animate({top: '-40px'}, 300, 'swing')
$(this).animate({paddingTop: '30px'}, 300, 'swing').animate({paddingTop
浏览 1提问于2010-11-30得票数 2
回答已采纳
我正在使用jQuery插件来扩展/缩短一个包含表单的div。正如您在下面看到的，当div很高时，将显示该表单。
如果有任何表单字段具有焦点，我如何防止onMouseOut/makeShort触发？
$(document).ready(function(){
var config = {
over: makeTall, // function = onMouseOver callback (REQUIRED)
timeout: 650, // number = milliseconds delay before onMouseOut
浏览 2提问于2011-11-23得票数 1
回答已采纳
下面是生成表单的PHP代码: form.php
<?php
echo '
<form action="/wall/comment.php" method="post" id="submit-comment-form" name="'.$postid.'">
<div class="write-comment-profile-pic">
<img src= "'.$myprofilepic.'
浏览 3提问于2013-02-12得票数 0
回答已采纳
1回答
我很难弄清楚我的问题。似乎jquery off方法不起作用。
这就是我想要做的。我使用一个名为Slideshowify的插件来创建一个带有ken burns效果的幻灯片和一个jquery进度条来显示每个图像在屏幕上显示的时间。
问题是插件不能处理窗口大小的调整。所以我试图实现的是注册到窗口调整大小事件，并在调整窗口大小时重置插件。
为了启动和重新启动我的进度条，我使用了两个事件，一个在图像显示之前，一个在它被隐藏之后。一切正常，但问题是off方法似乎不会注销事件。
因此，如果您多次调整窗口大小，许多事件将被注册和触发，并且进度条将在不应该重置的时候重置。
代码如下：
<!DOCTYPE
浏览 0提问于2014-04-07得票数 0
我在Razor视图引擎上的asp.net MVC3中使用jquery。我有jquery选项卡控件，在选项卡导航中我加载myusercontrol.cshtml页面。在myusercontrol.cshtml页面上，我有
$(document).ready(function (){ loadjqgrid();});.
在单击每个选项卡时，我会执行此操作
$("#fragment-1").load("MyAction_in_controller");
这只在我第一次单击选项卡时调用，在第二次单击时，控制不会传递给控制器。相反，什么都不会发生。敬请指教。
在此
浏览 0提问于2012-06-26得票数 0
jQuery .mouseover()函数和.hover()函数有什么不同？如果它们是完全相同的，为什么jQuery会同时使用它们呢？
浏览 0提问于2013-07-11得票数 120
回答已采纳
我正在使用媒体查询来调整div的宽度。我需要页面在div更改宽度时做出反应。
然而，我已经使用了.resize，它触发了两次，当用户进一步与div交互时会导致一个问题。我不能使用.live()，因为它需要用户进行交互才能达到想要的效果。最后，我研究了DOMSubtreeModified，但它已经被贬低了。
简单地说，这就是我想要做的：
$('#element').watchForChange(function(){
*...do stuff here when the change happens...*
});
谢谢你的帮助。
-编辑
让我通过这个例子来澄清我在调整
浏览 2提问于2012-11-01得票数 1
我正在使用散列来检测幻灯片中的当前幻灯片，但我只想在幻灯片使用“上一步”或“下一步”按钮时执行此操作。但事件"cycle-after“检测到幻灯片中的过渡，即使没有单击”上一步“或”下一步“按钮也会触发。
如何使事件仅在单击函数期间运行？
JSFiddle地址：
$(document).ready(function() {
var clicked = false;
$('.controls').on('click', function() {
$('.cycle-slideshow').on('cycle-a
浏览 0提问于2019-06-02得票数 0
我有个问题。刷新div后，调用greybox窗体的click事件被中断。如何将函数重新绑定到刷新的内容，包括将重新启动greybox的链接？我假设我必须在click事件之后重新初始化函数。我是个新手，非常感谢你的帮助。
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/greybox.js"></script>
浏览 1提问于2010-11-15得票数 1
警报不会触发，因为openClose()函数丢失并抛出错误。
<div class="spoilertop" onclick="openClose('cbd6c32c3118dbbdc3fbdc37e0805292')">
如何解除绑定或更好地删除onclick标记？
$('.spoilertop').click(function(){
$(this).attr('onclick','').unbind('click');
alert('f
浏览 0提问于2014-12-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
