(function($, window, document) {}) jQuery 调用解决与其他javascript库冲突的写法

将函数包在红色字体内部,可以解决$符号与其他插件的冲突。

<script type="text/javascript">

(function($, window, document) {
//$(document).ready(function(){
var param_cats = $("input[name=‘category[]‘]:checked").val();
if(param_cats == null || param_cats == ‘‘) {
param_cats = ‘0‘;
}
else {
$(‘#ehp-topblogs-title‘).html(‘Top Blogs in ‘ + $("input[name=‘category[]‘]:checked").next().html() + ‘:‘);
// $(‘#ehp-topblogs-title‘).html(‘Top Blogs in All Categories:‘);
}
var post_data_top_loved = {
action: ‘top_loved‘,
item_cats: param_cats,
top_loved_nonce: top_loved_vars.nonce
};
$.post(top_loved_vars.ajaxurl, post_data_top_loved, function(response) {
$(‘#divBlogsGroup‘).html(response);
$(‘#span-blog-loading‘).delay(1500).hide();
});
// });
})(jQuery, window, document);

</script>

时间: 2024-10-26 22:02:02

(function($, window, document) {}) jQuery 调用解决与其他javascript库冲突的写法的相关文章

JS (function (window, document, undefined) {})(window, document)的真正含义

原文地址:What (function (window, document, undefined) {})(window, document); really means 按原文翻译 在这篇文章中,我们将探讨标题所暗示的内容,并解释自调用函数设置给我们带来了什么. 有趣的是,我被问到关于IIFE(即时调用的函数表达式)的很多,它采用以下设置: (function (window, document, undefined) { // })(window, document); 那么为什么不写一篇关

如何实现jQuery与其他javascript库兼容

如何实现jQuery与其他javascript库兼容: 在使用jquery的时候,可能会出现与其他的javascript库冲突的情况,下面就介绍一下如何解决此问题. 解决方法就是使用jQuery的jQuery.noConflict()函数来避免冲突. jQuery.noConflict()函数简单介绍: 此函数可以将$的控制权让渡给后面第一个实现它的javascript库,在运行这个函数之后就只能够使用jQuery访问jQuery对象了,例如: $("div")需要改写成jQuery(

jquery插件开发;(function ( $, window, document, undefined ){}(jQuery, window,document)分析

经常看到许多jquery插件是这种形式: ;(function( $, window, document, undefined ){}){ //...code }(jquery,window,document) 一开始自己也是不太清楚,后台查了许多资料博客,基本了解大意,所以总结出来,以供之后查阅更正. 1.自调函数(function(){})() 这是一个自调函数,函数定义后自行调用.将匿名函数放在括号之内,并紧跟一个括号.第二个括号的意思是"立即调用".同时第二个括号也是向匿名函数

详解jquery插件中参数( $, window, document, undefined )的作用

示例代码如下: 1 ;(function($,window,document){ 2 //行内代码 3 })(jQuery,window,document); 1.代码最前面的分号,可以防止多个文件压缩合并时其他文件最后一行语句没加分号,而引起合并后的语法错误: 2.匿名函数(function(){})(); 由于Javascript执行表达式是从圆括号里面到外面,所以可以用圆括号强制执行声明的函数.避免函数体内和外部的变量冲突. 3.$:$是jquery的简写,很多方法和类库也使用$,这里$接

Jquery调用从ashx文件返回的jsonp格式的数据处理实例

开发环境:vs2010+jquery-1.4.min.js 解决问题:网上代码比较少,好多调试不通,返回数据不用json而用jsonp主要考虑解决跨域问题 开发步骤:打开VS2010,新建一web站点,保存位置选择D:\Website1;添加新项,选择一般处理程序,命名cmdHandler.ashx;添加新项,选择HTML页,命名为testAshx.htm;网上下载jquery-1.4.min.js拷贝到web站点中 项目相关网站源码和运行截图如下: 1.testAshx.htm代码如下: <!

jQuery与其它库冲突的解决方法(转)

原文出处:http://www.jb51.net/article/24014.htm 在jQuery库中,几乎所有的插件都被限制在它的命名空间里.全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突. (注意:默认情况下,jQuery用$作为自身的缩写而以) 如果jQuery类库和别的类库冲突的话,可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的javaScipt库.看下面小片断代码 <scri

完美解决jQuery符号$与其他javascript 库、框架冲突的问题

目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突. jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写. 例如:alert($('#message').val()); 必须修改为 alert(jQuery('#message').v

JQuery调用iframe子页面函数/对象的方法例子

父页面有个ID为mainfrm.name为Iframe1的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfrm")[0].contentWindow.test(); 或者 this.frames["Iframe1"].doQuery(); 在当前弹出的子页面中打开另一个打开页面中的函数,例如在弹出的edit.html页面中调用dataList.html页面中的函数test parent

window.onload和window.document.readystate的探究

在编写前端页面的时候,我们时常需要对页面加载的状态进行判断,以便进行相应的操作. 比如在移动端,时常需要在页面完全加载完成之前,先显示一个loading的图标,等待页面完成加载完成后,才显示出真正要展现的页面元素.见代码1: <html> <head> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script> function isL