`

javascript的作用范围实例

阅读更多
局部变量key点击的时候得到不能在dialog open的时候掉用到,所以用了下面的解决办法:
$(".help").click(function() {
	//Create the help dialog if needed.
	var key = $(this).attr("data-help-key");
        alert(key);
	if ($.find("#help-dialog").length == 0){
		$(document.body).append('<div id="help-dialog"><div class="dialog_content"><div class="dialog_title"><span>Yottaa Help Documentation</span>'+
						'Loading Help Content...</div><div class="help_content"></div></div></div>');
						
		$("#help-dialog").dialog({
			autoOpen: false,
			dialogClass: 'help_dialog',
			draggable: true,
			resizable: false,
			height: 340,
			width: 450,
   			open: function(event, ui) {
				// Need to add the loading screen and fetch the help content async style from the server.
				//Show the loading screen.						
				$(".help_content").html('<div style="margin:50px 185px"><img src="/images/animated/widget-loader-gray.gif" alt="Loading..."/></div>');
				
				$.get("/helps?id="+$(this).dialog('option', 'url_key')+"&type=help", function(data) {
					$(".dialog_content").html(data);
				});			
							
				//TODO - Improvements cache the contents.
			}
		});
	}
	
	$("#help-dialog").dialog("option", 'url_key', key );
	$("#help-dialog").dialog("open");
	return false;
});




后来发现也可以不用option传

		/*** Create and attach the help dialog.
		 */
		$(".help").click(function() {
			if ($.find("#help-dialog").length == 0){
				$(document.body).append('<div id="help-dialog"><div class="dialog_content"><div class="dialog_title"><span>Yottaa Help Documentation</span>'+
								'Loading Help Content...</div><div class="help_content"></div></div></div>');
								
				$("#help-dialog").dialog({
					autoOpen: false,
					dialogClass: 'help_dialog',
					draggable: true,
					resizable: false,
					height: 340,
					width: 450
				});				
			}
			
			//Create the help dialog if needed.
			var key = $(this).attr("data-help-key");
			
			//Add the open handler
			$("#help-dialog").dialog("option", {
	   			open: function(event, ui) {
					//Need to add the loading screen and fetch the help content async style from the server.					
					//Show the loading screen.						
					$(".help_content").html('<div style="margin:50px 185px"><img src="/images/animated/widget-loader-gray.gif" alt="Loading..."/></div>');
					
					$.get("/helps?id=" + key + "&type=help", function(data) {
						$(".dialog_content").html(data);
					});			
								
					//TODO - Improvements cache the contents.
				}
			});				
			$("#help-dialog").dialog("open");
			return false;
		});


分享到:
评论

相关推荐

    JavaScript实例应用 JavaScript实例应用

    JavaScript实例应用主要体现在以下几个方面: 1. **动态网页交互**:JavaScript可以实时更新网页内容,如响应用户的点击事件,动态加载数据,实现下拉菜单、滑动效果等。通过修改DOM(文档对象模型)元素,...

    JavaScript实例教程.zip

    函数表达式如匿名函数和箭头函数,闭包则涉及到函数内部变量的访问,作用域决定了变量的可见范围,而原型链则是JavaScript继承的核心机制。 在JavaScript实例教程中,还会深入讲解异步编程,包括回调函数、Promise...

    突破JavaScript编程实例五十讲

    作用域是变量可见性的范围,包括全局作用域和局部作用域,而闭包则可以实现对局部变量的持久化访问。 3. **对象与原型**:JavaScript的对象是一种键值对的集合,可以通过字面量或构造函数创建。原型是JavaScript...

    JavaScript-Web素材实例

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在前端领域起着至关重要的作用。这个名为"JavaScript-Web素材实例"的压缩包包含了多个JavaScript实现的Web元素和特效,旨在帮助开发者提升网页交互性和用户体验。...

    JavaScript网页特效实例

    在网页设计中,JavaScript特效的应用范围非常广泛,包括但不限于以下几类: 1. **页面加载动画**:当用户打开网页时,动态的加载动画可以提高用户体验,减少等待的枯燥感。比如进度条、旋转图标等。 2. **导航菜单...

    JavaScript实例教程

    JavaScript实例教程着重于通过具体实例来讲解JavaScript编程中的关键概念和编程技巧。本次我们将围绕以下几个重要知识点展开详细介绍。 首先,事件处理是JavaScript中不可或缺的一部分。在用户与网页交互时,浏览器...

    JavaScript教程及实例讲解.txt

    ### JavaScript教程及实例讲解 #### 一、JavaScript简介与历史 JavaScript是一种广泛应用于网页开发中的脚本语言,它最初由Netscape公司在1995年发布,原名为LiveScript。在当时,Netscape公司与Sun Microsystems...

    javascript经典广告实例代码

    JavaScript可以监听滚动事件,计算广告相对于视口的位置,确保其始终在用户的视线范围内。理解`getBoundingClientRect()`方法对于实现这一效果至关重要。 6. **响应式广告** 随着移动设备的普及,响应式广告成为...

    JavaScript教程及实例讲解.doc

    JavaScript教程及实例讲解 JavaScript,源自Netscape公司的Livescript,是一种轻量级的脚本语言,后来受到Sun公司的Java语言影响而更名为JavaScript。它主要用于网页和网络应用的开发,能够增强网页的互动性和动态...

    JavaScript基础和实例代码

    2.3.3 变量作用域 2.4 弱类型 2.5 基本数据类型 2.5.1 Number型 2.5.2 String型 2.5.3 Boolean型 2.5.4 Undefined型 2.5.5 Null型 2.5.6 Function型 2.6 组合类型 2.6.1 Array型 2.6.2 Object型 2.7 运算符 2.7.1 ...

    javascript源代码实例,特效,表单验证

    在本压缩包中,包含两个重要的资源:"Javascript语言参考大全.CHM"和"javascript源代码_实例100.chm",这些都是深入学习和实践JavaScript的重要资料。 "Javascript语言参考大全.CHM"很可能是一个完整的JavaScript...

    JavaScript 作用域实例分析

    在这个实例分析中,我们将深入探讨JavaScript中的作用域,特别是函数作用域,以及它如何影响代码的执行和变量的访问。 首先,JavaScript **以函数作为作用域**。这意味着每个函数都有自己的作用域,其中声明的变量...

    实例解析不同scope的作用范围

    首先,我们要知道在JavaScript中,主要有三种作用域:全局作用域、局部作用域和闭包作用域。 1. **全局作用域**(Global Scope):这是最外层的scope,当我们在函数外部定义变量时,它们就属于全局作用域。这些变量...

    源文件程序天下JAVASCRIPT实例自学手册

    源文件程序天下JAVASCRIPT实例自学手册 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 ...

    JavaScript应用实例-范围随机选点(防检测).js

    JavaScript应用实例-范围随机选点(防检测).js

    JavaScript应用实例-调用悬浮窗显示布局范围.js

    JavaScript应用实例-调用悬浮窗显示布局范围.js

    JavaScript 实例

    4. **漂移层.htm**:漂移层通常指的是在网页上浮动的提示信息或广告,JavaScript可以用来实现元素的位置跟踪,使其随用户滚动而保持在屏幕可见范围内。 5. **鼠标跟随.htm**:这类实例可能是关于元素跟随鼠标移动的...

    实用javascript验证前台实例

    JavaScript是网页开发中不可或缺的一部分,尤其在前端验证中发挥着至关重要的作用。这些验证功能确保了用户输入的数据符合预设的规则,提高了用户体验并减轻了服务器端的压力。以下是一些基于给定文件名称的...

    JavaScript动态网页设计经典实例教程

    在"JavaScript动态网页设计经典实例教程"中,初学者可以深入理解JavaScript的核心概念,并通过实际案例来提升技能。 教程涵盖了以下几个重要的JavaScript知识点: 1. **基础语法**:JavaScript的基础包括变量、...

    表单的各种javascript验证 实例

    本教程将详细探讨表单的各种JavaScript验证实例,帮助开发者掌握这一核心技术。 一、基础知识 1. HTML表单元素:HTML中的`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`等元素构成表单,用于用户输入和提交数据。...

Global site tag (gtag.js) - Google Analytics