在一个rails4应用程序上，我有一个小脚本来处理公正化的分页。以下代码通过index.js.erb获取HTML块，并被认为是以脚本的形式执行，并在新加载的分页链接上绑定click事件：
// pagination.js
$(function() {
$(".pagination a").on("click", $(".pagination a"), function() {
$(".pagination").html("Loading...");
$.getScript(this.href);
浏览 3提问于2016-02-26得票数 1
回答已采纳
我的间谍方法的例子是失败的，“期望间谍handle_click已经被调用。”当它过去的时候。然而，我得到控制台日志"Foo handle_click调用了！“，所以我知道它正在被调用。
Foo.js
function Foo() {
this.$btn = $('<a href="#">Foo</a>');
this.$btn.on('click', this.handle_click);
};
Foo.prototype.handle_click = function(evt) {
evt
浏览 1提问于2013-05-11得票数 6
回答已采纳
假设我有两个Javascript文件，includeFirst.js和includeSecond.js，它们正在加载到页面中。如果第一个代码包含如下代码：
$('#myButton').click(function() {
alert('Hello World');
}
第二部分包括：
$('#myButton').click(function() {
alert('World Hello');
}
这两个警报都弹出了。有没有办法在第二个.click中添加一些东西，使第一个不能运行？
我意识到这种编码方法看起来很草率
浏览 6提问于2014-05-09得票数 1
回答已采纳
1回答
我被DOM卡住了。当搜索按钮被按下时，JS脚本将注入element1，并且在注入element1之后会出现一个新的函数(A)。
我将element1上的类名更改为element2。当我想运行函数(A)时，出现了一个错误，这个函数(A)仍然索引element1，而不是element2。我怎么才能修复它？
$('.search').click(function() {
$('button').after('<div class="a b">New div element here!</div>')
浏览 0提问于2021-10-04得票数 1
1回答
首先，我尝试了，类似的问题的答案，但这似乎根本不适用于我。
我想对绑定到通过ajax创建的元素的click事件做一些事情，这样它一开始就不在DOM中。
我注意到，my_asset.js.coffee中的以下coffeescript按预期工作：
$ ->
$('#div').on "click", ".link", (e) ->
#do stuff
根据JQuery文档:此函数绑定到所有"selected_div“单击事件，即使它们稍后通过ajax添加到DOM并且do stuff部件工作正常
不过，我想：
$
浏览 6提问于2014-01-23得票数 0
2回答
我有一个动态datatable，其中的数据是由Ajax加载的。我的HTML是： <table id="dynamic_table"></table> JS是： $(document).ready(function() {
$('#dynamic_table').DataTable( {
"ajax": '/ajax_handler',
...
$('td').on('click', function(e){
浏览 26提问于2020-12-09得票数 1
回答已采纳
我要尽我所能向你解释.
我有一个页面调用具有多个活动函数的特定js文件。
JS文件#1
$("#1").live("click.1",function() { }
$("#2").live("click.2",function() { }
$("#3").live("click.2",function() { }
JS文件#2
$("#4").live("click.3",function() { }
$("#5").live("click.4
浏览 1提问于2012-02-27得票数 0
回答已采纳
是否有一种方法可以将img显示在lightgallery.js滑块中？
下面这个JS 3没有得到一个简单的console.log();：
var $lg = $('#mosaic');
$lg.lightGallery({thumbnail: false, addClass: 'imgGallery'});
$('.imgGallery img').click(function() {
console.log('click'); // fail
});
$('img.lg-object.lg-image'
浏览 0提问于2018-05-17得票数 0
回答已采纳
当由id选择器调用jQuery的触发器函数时，是否可以为该元素触发由同一元素的类选择器定义的事件处理程序？例如，假设我有这个HTML：
<div class="my_button" id="my_button_1"></div>
而这个jQuery
$('.my_button').click(function() {
alert("button was clicked")
});
我在找$('#my_button_1').trigger('click') ..。并让
浏览 4提问于2013-04-19得票数 1
回答已采纳
3回答
如何才能解除“所有选择器”的绑定？
我尝试了$("*").unbind();，但jquery也取消了我的$('#demo').click(function())};。
<div id="hv_t"></div>
<br /><br /><br />
<hr />
<br /><br /><br />
<div id="demo">Demo</div>
<br /><br /
浏览 5提问于2014-06-01得票数 1
回答已采纳
2回答
当您用js.erb重新呈现部分时，dom会发生什么情况？我不能再得到点击事件。
基于，我遵循它来重新呈现一个工作良好的js.erb部分。当我单击"cat.name“按钮(在链接页面上)时，该页面上是另一个我正在监听的按钮，单击事件但不起作用。
跌落：
在“索引”页上，单击“事件工作”。当我请求from_category时，不要再单击事件。那么到底发生了什么呢？
Html：
<button id="test" value="ok">click</button>
联署材料：
$( "#test" ).on("c
浏览 7提问于2016-11-08得票数 0
回答已采纳
实现点击class="click-enable"的td时，分别打印该td中数字的整数和小数部分。(尝试使用原生js实现，并考虑兼容性)
<table id="list">
<tr>
<td class="click-enable">1.1</td>
<td>1.2</td>
<td class="click-enable"
浏览 309提问于2019-09-02
我写了这段代码
$(document).on("click", "#tasksTable tr", function(e) {
var taskId = this.id;
var chkBoxCompleted = $(this).find('input:checkbox:first');
var chkBoxNotRequired = $(this).find('input:checkbox:last');
chkBoxCompleted.on('click
浏览 3提问于2014-05-28得票数 0
回答已采纳
我有div，它有一个onlcick事件。现在，当我单击div时，我想用jquery的.click属性更改它的onlick函数。我可以动态地更改它，但当我应用它时，新事件也会被触发。有没有什么办法使new不会被触发，而只是应用于带有new函数的div？以下是我正在尝试做的事情
我有一个div
<script type="text/javascript">
function testMe(data)
{
alert(data);
$('#testMe').unbind('click');
$('#testMe&
浏览 0提问于2010-10-29得票数 3
1回答
<ul>
<li>
<a href='javascript:;' class='close'>close</a>
<a>openId</a>
</li>
</ul>
当单击a.close.The li是generate dynamic时，我想删除li元素，这意味着每次生成一个新的li时，我都会这样做。
$("a.close").unbind("click").click(function(){
console.log("
浏览 2提问于2017-04-20得票数 0
在这种情况下，我对.on()有一些问题，以及如何使用它而不是.bind()。我在这里试图做的是，我点击一个链接，这是为了绑定另一个点击事件，但它会立即触发该事件。我查看了文档/jquery.js文件，这就是我应该如何做到的。
演示：
$('#click_me').on('click', function(){
$('#show_me').addClass('remain');
//this is only suppose to bind that next time i click anywhere o
浏览 2提问于2012-05-18得票数 1
回答已采纳
3回答
$(".btn").click(function()
{
$(".content").append(
"<div class='randomDiv' id='1'></div>"
);
}
如果上面是“活动的”，那么我不能：
$(".randomDiv").click(function()
{
alert($(this.attr("id")));
}
我用谷歌搜索了一下，发现这是因为JS在我追加之前就加载了，但是还没有找到一个如
浏览 2提问于2017-06-29得票数 0
考虑以下代码：
$('div').click(function(){
$(this).animate({height:100}, 500)
$(this).css({opacity:1});
});
对比：
$('div').click(function(){
$(this).animate({height:100}, 500);
})
.click(function(){
$(this).css({opacity:1});
});
jQuery或JavaScript实际上是将第二个代码样本“编译”成类似第一个的代码，而不是维护两
浏览 0提问于2012-02-16得票数 3
回答已采纳
我是jQuery新手，目前正在尝试获取页面中单击的元素的id。
据我所读，我知道我们可以通过使用id获得当前元素的$(this).attr("id");
但我没有得到id，而是它说的undefined。
HTML代码：
<html>
<body>
<form action="#">
<a href='#' id="1st">First</a></br>
<a href='#&
浏览 6提问于2014-08-06得票数 1
回答已采纳
我的页面使用AJAX .load函数将div从单独的.html文件加载到页面上的目标div中。
以下是我的AJAX代码：
$(document).ready(function(){
$("#about2").click(function() {
$("#content").load("content.html #about", function() {
$.getScript("slides.js", function() {
$(window).scrollTop(0);
});
});
});
$("#pr
浏览 1提问于2014-04-04得票数 0
回答已采纳
我有一个想法，我想点击一个按钮然后绑定并运行一些函数，这应该在dom准备好的时候绑定，怎么编码？
我的大多数js函数都有click事件，我通常会给这些函数命名，然后添加
window.addEvent("domready"，function(){fn();})；
让它在dom准备好时工作。
这样做对我来说是个好习惯吗？
这条路更好吗？
不是在dom就绪时绑定click事件，而是当用户单击该位置时，
快速绑定相关事件fn并运行
这种方式应该节省浏览器的资源吗？因为当dom准备好的时候，它不会绑定所有的东西，
有时用户根本不会单击该位置，因此绑定事件没有任何意义。
如果这种方式更好
浏览 1提问于2012-11-28得票数 0
我有一个项目，需要从外部文件加载html并将其添加到现有的div元素中。它工作得很好，只不过当单击生成的html中所需的图标时，.click()事件永远不会触发。
加载html的代码
$.each(data, function (index, review) {
let html = $.parseHTML($.trim(review));
$(html).appendTo($items);
});
加载的html的根元素是一个名为“lc-评级-包装”的类。
不触发的js单击
$(".lc-rating-wrap > .vote-wrap > .do-vo
浏览 3提问于2017-11-07得票数 0
回答已采纳
在V8中，如果使用(click)="..."在模板/html部分中执行系统函数，如alert('')或confirm('')以及if(..)语句，则它们不起作用。
例如：
1.警报功能
<!-- -->
<input type='button' value=`Alert` (click)="alert('Alert')"
错误
SomeComponent.html:49 ERROR TypeError: _co.alert is not a function
at Obj
浏览 3提问于2021-01-29得票数 1
回答已采纳
1回答
我在一个网页上有两个facebox。但我的问题是两个facebox中的提交按钮，无论我对我的第一个facebox发出什么警报，它也会向我的第二个facebox发出警报。
我之所以有两个facebox，是因为我有一个包含两个表单的菜单，所以每个表单都使用facebox。
菜单：
配置播客、视频、视频和上传音乐
当我点击submit按钮来配置播客表单时。它将触发一条消息“播客描述已被编辑”。然后，当我在Upload Music中点击submit按钮时，在upload music表单中显示我的消息之前，configure podcast表单中的消息也会显示出来。请帮帮我
下面是我的两个表单的代码：
浏览 1提问于2011-04-14得票数 0
1回答
我有一个bootstrap下拉按钮，在用户单击它之后，控制器加载并响应JS，在JS中从部分重新呈现html。
在Bootstrap下拉按钮中，我有<ul class="dropdown-menu keep-open">，其中使用了keep-open类：
$(document).ready ->
$('.keep-open').on 'click': (e) ->
e.stopPropagation()
return
让下拉列表在你点击时保持打开，而不是默认关闭(我在下拉列表中有一个表单)。该调用运行良好
浏览 0提问于2015-12-15得票数 0
在委托事件而不是直接分配事件时，是否可以返回单击的元素(例如使用$(this) )？在下面的示例中，JS提醒单击的.test元素的类，而JS委派未定义的警报。
HTML
<div>
<button class='test one'>one</button>
</div>
<div>
<button class='test two'>two</button>
</div>
JS直接-(警报‘测试一’或‘测试二’)
$('.test').
浏览 1提问于2016-02-17得票数 0
回答已采纳
3回答
绑定和取消绑定切换
、、、
我有一个圆圈，点击它应该会在top.and上显示一个关闭按钮，当关闭按钮被单击时，它应该隐藏起来，只显示圆圈。
我应该能够一次又一次地做这个手术。
<div class="circle"><div class="close"></div></div>
Css：
.circle
{
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Blue_circle_logo.svg/100px-B
浏览 0提问于2013-01-04得票数 2
回答已采纳
使用中的代码示例来触摸iOS设备上的启用knockout.js UI排序表，在相同的元素上注册knockout.js单击处理程序和jQuery UI可排序时会出现问题。knockout.js处理程序不对启用触摸的设备启动，但在台式机/膝上型计算机上启动。
添加一个名为moved的标志可以跟踪何时需要触发单击处理程序，并在下面标记为// TRIGGER HERE：
/*
* Content-Type:text/javascript
*
* A bridge between iPad and iPhone touch events and jquery draggable,
* sorta
浏览 10提问于2012-06-06得票数 1
回答已采纳
对于绑定和取消绑定事件处理程序，我使用on()/off()事件处理程序附件。
HTML:
<div id='load' class="UnfiledContainer">
<button onclick="loaded()">Try it</button>
<p id="demo"></p>
</div>
JS:
$('#sync_img').on('click', function () {
alert
浏览 2提问于2013-08-06得票数 1
回答已采纳
我试图在特定元素上取消委托事件的绑定。现在，我正在寻找带有jQuery函数的元素，并将其存储在一个变量中。
但是，由于它在变量中，而且它是一个委托事件，我不知道如何解除它的事件绑定。
在本例中，当我单击Foo之一时，它的兄弟级(Bar)事件应该解除绑定：
HTML:
<div>
<p class="foo">Foo 1</p>
<p class="bar">Bar 1</p>
</div>
<div>
<p class="foo"&
浏览 0提问于2014-08-22得票数 0
回答已采纳
2回答
我已经编辑了我的原始代码示例，以包含“正确的方式”，我应该这样做。
我正在处理一个jquery移动项目，我已经注意到，如果我使用on绑定一个单击，它将在第一次加载页面时工作，但是如果我返回页面，则每次返回时都会得到另一个bind。如果我使用BIND，那么不管我离开页面多少次并返回多少次，我都只能得到一个。
我不介意使用BIND，但是我知道它将来会消失，所以，我想知道为什么它不起作用？
我使用的是jquery 1.9.1和jquery移动1.3.1
这段代码在每一页的头部分：
<link rel="stylesheet" href="resources/js/jq
浏览 4提问于2013-08-19得票数 0
回答已采纳
2回答
我有一个显示一些数据的页面。它是使用php和mysql从数据库加载的，我使用zend框架来处理这一切。
在这个页面上，我有两个使用jquery的东西。一种是分页器，另一种是thumps函数。
分页器工作正常。它以json的形式接收数据，并将其应用于视图。我需要处理的所有函数都位于一个js文件中。在这个文件中，我监听点击...
$(document).ready(function() {
$("a#next").click(getProgramms);
$("a#previous").click(getProgramms);
$("a#page")
浏览 1提问于2010-09-16得票数 0
回答已采纳
1回答
我有一些jquery代码，如果一个框isVisible是否存在，我想要绑定这些代码。如果它是可见的，我希望调用一个特定的函数。如果它不可见，我希望更改该函数。我有下面的代码，我相信理论-应该是有效的。我遗漏了什么？
if ($(box).is(':visible')) {
$("#prev2").bind('click', test);
} else{
$("#prev2").bind('click', test1);
}
$("#b").clic
浏览 3提问于2015-07-23得票数 0
回答已采纳
1回答
出于某种原因，我必须按两次按钮才能执行分配给它的功能，也许是因为有两个单击事件？但是，如果删除"$(buttonNumber).on('click'，function ()“)，脚本就会中断。我计划将这个函数用于多个按钮，这就是为什么它必须在一个函数中。
HTML：
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet&#
浏览 4提问于2013-10-22得票数 0
回答已采纳
这段代码在单击组件button.After时动态添加一个svg映像，我试图将警告函数传递给动态创建的组件，但它不响应单击。请帮帮忙。我试图使用id、class、path传递函数。
<html>
<head>
<title>buttons</title>
<style>
input[type="button"]{
color:#050;
font: old 84% 'trebuchet ms',helvetica,sans-serif;
background-color:#fed;
border:
浏览 1提问于2014-06-16得票数 0
回答已采纳
1回答
我有一个组件ButtonHtml，它拦截单击事件，这样它就可以将事件发布到一个组件中，该组件可以防止多次单击某些东西以避免双击。它在升级aurelia框架之前就已经开始工作了。
现在我明白了这个错误。我不知道为什么。
ButtonHtml.js:51 TypeError: this.click不是ButtonHtml.buttonClick (ButtonHtml.js:47) at CallScope.evaluate (aurelia-binding.js:1542) at Listener.callSource (aurelia-binding.js:5119) at Listener
浏览 2提问于2017-10-11得票数 1
回答已采纳
2回答
我目前正在将dropkick.js插件集成到我的应用程序中，但我遇到了一些障碍。当我更改主干视图时，事件不能正常工作，dropkick.js中关联的.live()事件完全不能工作。什么都不能点燃。我决定将其升级为使用.on()函数，并使其正常工作(尽管由于某些原因，它仍然会删除我的url )。
这根本不起作用：
$(document).on("click", ".dk_toggle", function() {
这只在一定程度上起作用：
$(".content").on("click", ".dk_toggle",
浏览 3提问于2013-02-27得票数 2
1回答
我正在使用地图和backbone.js一起使用。地图JS库使用的是传单，但谷歌地图API也将适用于这里。
问题： Backbone.js允许我们将表示(视图)与数据(模型、集合)分开。当使用Google或传单时，我们似乎无法控制标记的呈现，因此无法为每个标记提供主干视图。这是真的吗？
当与backbone.js一起使用Maps时，我开始在回调函数中获得嵌套的视图和事件处理程序。
JS (传单，类似Google )
// Handle a dragging on the map
map.on('dragend', function() {
App.markersList.
浏览 6提问于2012-10-07得票数 4
回答已采纳
我的js有点问题。一旦页面加载，它就会触发logTest，而不是每次单击时都会触发。
function logTest() {
console.log('test');
}
var id = document.querySelector('#id');
id.addEventListener("click", logTest(), false);
浏览 3提问于2014-03-18得票数 1
回答已采纳
我对jquery很陌生，并试图通过示例来学习它。我看到有一个处理事件的id选择器。这里有一个非常简单的函数来处理按钮的单击事件。不幸的是，它并不像预期的那样起作用。我找不到任何语法错误。为此，我使用jQuery3.2.1。
html文件
<!DOCTYPE html>
<html>
<head>
<title>This is a test</title>
<script type="application/javascript" src="main.js"&
浏览 1提问于2017-05-28得票数 0
回答已采纳
3回答
代码
<script type="text/javascript" src="jquery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert("Hello!");
});
$(".demo").click(function() {
alert("I am demo");
});
浏览 0提问于2012-08-23得票数 3
回答已采纳
1回答
我在外部js文件中运行一个简单的jQuery脚本时遇到了问题。
$("#main-nav").click(function(){
alert("hello");
});`
在jQuery文件之后，我在html中声明了外部js文件。
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="externalfile.js">&
浏览 1提问于2015-08-05得票数 0
回答已采纳
2回答
我试图激发子div事件，但是它似乎不是子div，而是父div的单击事件被触发。我试过在子事件中使用stopPropagation，但它似乎不起作用。
$(document).ready(function() {
var lot = '<div class="divlot">This is a lot!</div>'
var lineitem = '<div class="divlineitem">This is a lineitem!</div>'
$("#
浏览 6提问于2015-06-19得票数 0
回答已采纳
1回答
单击test1 of test2时未出现任何结果
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type=
浏览 0提问于2012-12-23得票数 1
回答已采纳
我有一个HTML按钮，ID为"open“。我在按ID选择的jQuery按钮中添加了一个.click()绑定。在.click()绑定中，我将“打开”的ID更改为“关闭”。然而，即使ID已更改为“关闭”，随后对“打开”按钮的单击仍在继续。守则如下：
index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button id="open">Open</button>
浏览 5提问于2015-11-02得票数 2
回答已采纳
jQuery：
var a = $("<a href='#'>Click me</a>")
var d = $("div:first");
a.appendTo(d);
a.on("click",function(){
if(prompt('enter password') === 'password'){
$(d).remove();
}
});
小提琴：
问:虽然<a>已经不存在了，但click仍然被绑定到它。
事件绑定被删除
浏览 4提问于2013-08-23得票数 1
回答已采纳
我在输入对象中调用'click‘函数时遇到了一点小问题。函数将一个事件分配给输入：
function v_start() {
$('#next').click(function(){
v_check();
});
}
现在，在javascript文件name.js和name2.js中，我有:复制代码
$(function(){
v_start();
});
只是一个示例，但在本例中，函数v_check将在一次单击输入中被调用两次。是否有一个条件或方式使事件只发生一次？为什么第二个事件不会被覆
浏览 4提问于2012-04-08得票数 0
我正在尝试创建一组部分html文档，这些文档将使用Kendo UI选项卡条插入到html页面上。每个部分html文档将包含将出现在每个选项卡中的控件。在这些部分html文档中，我尝试使用Knockout JS将控件绑定到视图模型对象。
当我加载页面时，看起来控件并没有绑定到视图模型。当我将部分html文档中的标记复制到主页中时，绑定起作用了。
可以使用kendo ui选项卡条的动态加载功能加载这些控件吗？
下面是我正在使用的一些示例代码：
主页：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtm
浏览 2提问于2013-01-11得票数 2
回答已采纳
有这么多的按钮，我可以通过添加一个类来添加每一个js函数，但是有一个很短的方法吗？
这是我的js函数：
function MouseSound() {
var fileUrl = siteUrl + "audio/audio_click.mp3";
var audio = new Audio(fileUrl);
audio.play();
}
$('.mouse-click').click(function () {
MouseSound();
});
当然，这只适用于我作为类添加的按钮，我希望它对所有单击事件都有效。有什么
浏览 10提问于2022-03-15得票数 1
回答已采纳
我运行的是Rails3.1，在/app/assets/javascripts/procedures.js.js文件中有以下jquery脚本。
$(document).ready(function(){
$('.unselected').click(function() {
$(this).removeClass('unselected');
$(this).addClass('selected');
});
$('.selected').click(function() {
$(this).r
浏览 1提问于2012-07-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
