个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我有以下 index.html，我有两个部分第 1 部分和第 2 部分，如屏幕截图所示
索引.html
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<!--START: Adding of javaScript library -->
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="myscript.js"></script>
<!--END: Adding of javaScript library-->
<script>
jQuery(document).ready(function() {
jQuery('.mySectionOne').updateCommonVar({commonVar:1});
jQuery('.mySectionTwo').updateCommonVar({commonVar:1});
});
</script>
</head>
<body>
<p>Section 1:</p>
<div class="mySectionOne">
<button class="add">add</button>
<button class="sub">sub</button>
<button class="show">show</button>
<p>The value of Common var in section one is:<span class="showVal"></span><p>
</div>
<p>Section 2:</p>
<div class="mySectionTwo">
<button class="add">add</button>
<button class="sub">sub</button>
<button class="show">show</button>
<p>The value of Common var in section two is:<span class="showVal"></span><p>
</div>
</body>
在 Index.html 中，我使用自己的自定义 jQuery 插件“updateCommonVar”，插件的定义存在于 myscript.js 中
我的脚本.js
(function( $ ) {
$.fn.updateCommonVar = function (options) {
var defaults= {
commonVar:0,
}
var ParameterObject= $.extend({}, defaults, options);
this.each(function() {
$(this).find("button.add").bind("click", {commonVar:ParameterObject.commonVar},fnAddOne);
$(this).find("button.sub").bind("click", {commonVar:ParameterObject.commonVar},fnSubOne);
$(this).find("button.show").bind("click",{commonVar:ParameterObject.commonVar},fnShow);
});
return this;
};
function fnAddOne(e){
e.data.commonVar++;
}
function fnSubOne(e){
e.data.commonVar--;
}
function fnShow(e){
$(this).parent().find('.showVal').html(e.data.commonVar);
}
})( jQuery );
我将变量 commonVar 的值作为“1”从 index.html 传递给这两个部分，我为每个按钮添加子绑定(bind)事件处理程序并在插件定义中显示，这里我想要的是
单击添加按钮时:我传递给 commonVar 的变量将增加 1。单击子按钮时:我传递给 commonVar 的变量减 1。单击添加按钮时:我传递给 commonVar 的变量将显示在带有“showVal”类的 span 标记中。
首先，我单击了添加按钮，然后单击了显示按钮，但我得到的 commonVar 值仍然为 1 而不是预期值 2。我不确定在事件处理程序之间传递公共(public)变量。请帮助我。在此先感谢您的帮助。
我期望第 2 部分有相同的行为，但我仍然得到第 1 部分的结果注意:第 2 部分独立于第 1 部分。
相同的 fiddle :http://jsfiddle.net/shmdhussain/PXYAh/1/
最佳答案
您需要将整个对象传递给您的点击处理函数，我将它作为一个名为 ref 的参数作为对对象的引用。
(function( $ ) {
$.fn.updateCommonVar = function (options) {
var defaults= {
commonVar:0,
}
var ParameterObject= $.extend({}, defaults, options);
this.each(function() {
$(this).find("button.add").bind("click", {ref:ParameterObject},fnAddOne);
$(this).find("button.sub").bind("click", {ref:ParameterObject},fnSubOne);
$(this).find("button.show").bind("click",{ref:ParameterObject},fnShow);
});
return this;
};
function fnAddOne(e){
console.log(e.data);
e.data.ref.commonVar++;
}
function fnSubOne(e){
e.data.ref.commonVar--;
}
function fnShow(e){
$(this).parent().find('.showVal').html(e.data.ref.commonVar);
}
})( jQuery );
jQuery(document).ready(function() {
jQuery('.mySectionOne').updateCommonVar({commonVar:1});
jQuery('.mySectionTwo').updateCommonVar({commonVar:1});
});
关于javascript - 在 JQuery 中的事件处理程序之间共享公共(public)变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18517579/
25
4
0
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: When should [assembly: InternalsVisibleTo()] be used?
问题与微服务有关，当我有多个微服务提供将被订购和计费的功能/服务时。 我正在确定采用哪种方法， a) 每个可计费微服务有一个订单和一个计费服务，有各自的数据库。b) 跨所有微服务的通用订单管理和计费服
我正在尝试使用 gcloud图书馆。 (ns firengine.state (:import [com.google.cloud AuthCredentials] [com.goog
Java 允许定义以下一对类。 class Class1 { ... } public Class2 { public Class2(Class1 c1) { ... } } 如果因为 Class1
我正在尝试查找文件 1 和文件 2 中的共同行。如果公共(public)行存在，我想写入文件 2 中的行，否则打印文件 1 中的非公共(public)行。fin1 和 fin2 是这里的文件句柄。它读
好吧，这是一个满口的标题。不过，这让我明白了。这是我的代码的要点，在 jar 里: public class NetworkShared { public static class Login
我在使用 ltree 时遇到 PHP 问题来自 PostgreSQL .我在 SQL 中这样做: SELECT * FROM tabla t WHERE t.parent_path " for "OP
我知道如何为类/接口(interface)/包的子集生成 Javadoc。但是有没有办法只为公共(public)方法的一个子集生成 Javadoc？ 我更喜欢能够将方法(Javadoc 标记或注释)标
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicates: c#: why have empty get set properties instead of usin
在我们的每个项目中，都有一个文件用于存储该项目中使用的各种SQL 语句。类的声明方式和字符串的声明方式有一些变化。 示例类声明: internal sealed class ClassName int
我根据 http://docs.jquery.com/Plugins/Authoring 定义了我的插件 (function( $ ){ var methods = { init : fu
我正在使用 Inno Setup 来构建我的安装程序，我有 C:\Users\Public文件夹硬编码在我的 [Files] 中放置一些文件的部分(Inno Setup 没有此文件夹的常量) 我的目标
我有一个 dataframe1 包含像 'ID', 'A', 'B', 'C', 'D', 'E', 'F', 'G' 这样的列. 现在，我创建了两个数据框， dataframe2 包含 'ID',
我有一个抽象类，不幸的是我无法更改它的定义，它基本上提供了一个抽象方法，有点像。 public abstract void do(Data someData, BaseInterface interf
我刚刚在重构时偶然发现了一段奇怪的代码。它看起来像是分解出两个 readString() 方法的共同部分的候选者，只是它似乎是不可能的(这对我来说是一个令人毛骨悚然的脑筋急转弯): private f
是否有解析为公用文件夹的属性？显然，我不想在目录结构中对“c:\users\public”进行硬编码，但我找不到预定义的 Property解决这个问题。是否有一种可接受的方式来指定要在此处安装和/或在
我试图将值从一个类传递到另一个类。 subPanel1 类读取全局变量，但当我通过调整监听器更新这些变量时，它不会更改值。我试图将 rc、gc 和 bc 变量从 subPanel2 类传递到 subP
我想使用具有自动属性的干净且编码较少的类。所有属性(property)都是公共(public)的。在同一类的方法中我也使用了该属性。因此，我认为这种方法是可混搭的，因为我将公共(public)属性用于
不久前，我在 Android 应用程序中创建了一个 SQLiteHelper 类。我不是 100% 确定原因，但表名和列名是嵌套公共(public)静态抽象类中的公共(public)静态最终字段。我记
这个问题已经有答案了: Cannot make a static reference to the non-static method (8 个回答) 已关闭 3 年前。 我正在为类(class)做一
我是一名优秀的程序员,十分优秀！