- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我知道代码有什么问题,但我无法理解为什么 jquery 会那样做,所以让我用下面的代码解释我的问题
test.html
#############
<!doctype html>
<html class="no-js" lang="en">
<head>
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
</head>
<body>
<div class="wrapper wrapper-layout"> <!-- Header with navigation - Start -->
<button id="btnTestMain" type="button" value="Adjust" class="btn btn-
red1">Button test MAIN</button>
<div id="injectHeaderMainHTML"></div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#injectHeaderMainHTML").load("/ui-test/test_page.html", 'f' + (Math.random() * 1000000));
$.getScript("js/test1.js", function() {
});
});
</script>
</body>
</html>
###test1.js######
$(document).ready(function() {
$("#btnTestMain").click(function (event) {
$.getScript("/ui-test/js/test.js").done(function() {
console.log("script loaded");
}).fail(function() {
console.log('problem in loading test js');
});
});
}); // Document Ready Closed
test_Page.html
###############################
<button id="btnTest1" type="button" class="btn btn-red1">Button test
1</button>
<button id="btnTest2" type="button" class="btn btn-red1">Button test 2</button>
test.js
###############
function testFunction()
{
console.log("test function called");
}
$(document).ready(function () {
$("#btnTest1").click(function (event) {
console.log("button1 clicked");
});
$("#btnTest2").click(function (event) {
testFunction();
});
});
现在每次单击 btnTestMain 时,它都会向 btnTest1 和 btnTest2 添加事件监听器,因此如果我单击 btnTestMain 5 次,btnTest1 上将有 5 个单击事件监听器,btnTest2 上将有 5 个单击事件监听器。谁能解释为什么会这样?我知道如何解决该问题,但我无法理解重复事件监听器的原因。
最佳答案
每次加载“test.js”时,jQuery 都会将“click”监听器添加到两个按钮元素。这里的关键是它不会删除任何旧的,这就是你得到重复的原因(实际上,这不是重复)。
关于javascript - $.getscript 添加重复的事件监听器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52068251/
假设我有“main.js”,在“main.js”中我使用 $.getScript() 加载“secondary.js” “main.js”内部有一个名为 function runme() 的函数。 有
我正在尝试使用获取 Google map 脚本的 $.getScript 函数加载两个脚本,然后加载后,我会得到另一个脚本 ( goMap ),这使得 map 小程序变得容易待制作。 但是,加载时,获
getScript docs说说成功回调: “一旦脚本加载但不一定执行回调就会被触发。” 但在我的测试中,这似乎并不正确。对于具有以下内容的主机页: var startTime = new Date(
单击后,将加载以下内容: $.getScript('/javascripts/contacts.js'); 我怎样才能写出这样的声明 如果上面的 getScript 已经加载,执行 X,如果没有加载,
我正在编写一个需要广泛使用 getScript 的引擎。为了便于使用,我已将其插入其自己的函数中,但现在我需要确保函数本身是同步的。不幸的是,我似乎无法让 getScript 等到它加载的脚本实际完成
我在网上找到了一些代码,可以帮助我向客户提供小部件。我对下面完整代码的理解是,它首先检测 jQuery 是否存在,否则加载它。作为我的小部件的一部分,我还想确保 fancybox 已加载,因为我基本上
如果我有 2 个 JS 文件,例如 a.js 和 b.js a.js $.getScript('some.js',function(){ //Call some function in some
为了加快网站的加载时间,我们推迟了某些脚本的加载。直到几天前,这一直运行良好。我已将问题归结为这个简短的 HTML 页面。
我正在尝试从中获取回调: $.getScript( 'http://gdata.youtube.com/feeds/api/videos/?v=2&alt=json-in-script', funct
我正在尝试加载具有如下函数的脚本: $.getScript('/js/mymy.js').done(function(){ if(readCookie('my_cookie', 'yes'))
我的 jquery getScript 函数有一个“imho”奇怪的问题。 $.getScript('jquery_ui.js', function (){}); // this code works
我对 Javascript 相当陌生,并且在 $.getScript 调用中未执行代码时遇到问题。我已经引用了Using $.getScript (jquery): code is not execu
由于 WordPress 在非冲突模式下加载 jQuery,我必须将脚本包装在 jQuery(function($){...}) 父脚本按预期执行。但是,我通过 getScript 有条件地加载第二个
是否可以将变量发送到使用 $.getScript 加载的脚本? 目前我有: $.getScript( "js/my_script.js", function() { // do something h
永远不会调用 jQuery getScript 失败函数。看看这个 fiddle : http://jsfiddle.net/getsetbro/8xNMs/ $.getScript("http://
我有一个外部 JavaScript 可以这样调用: 根据getScript,调用将是: $.getScript("https://ndd.com/script.js", function(data,
我知道代码有什么问题,但我无法理解为什么 jquery 会那样做,所以让我用下面的代码解释我的问题 test.html ############# Button test MAIN
我有一个设置函数,我想这样使用: async function setup() { // Load the TF libs, then on complete - create t
我正在尝试使用 getScript 在本地加载 javascript 文件,但它返回 404 错误。 test.js - 我正在尝试加载的脚本: var hello = function(){
var json.script 是一个数组。每个元素都是一个脚本路径,我想通过 $.getScript 加载它。它应该看起来像这样 - 但我不知道如何循环数组以获取每个数组元素: $.when(
我是一名优秀的程序员,十分优秀!