Html jQuery工具与另一个jQuery脚本之间的冲突
我在我的网站的一个页面上使用(特别是表单验证程序)和 每个脚本都需要引用HTML“头”中的外部文件以及HTML“体”中的单独脚本 以下是我的HTML“正文”中的脚本代码(简化): 第一个脚本(Facebook脚本) `Html jQuery工具与另一个jQuery脚本之间的冲突,html,conflict,jquery,Html,Conflict,Jquery,我在我的网站的一个页面上使用(特别是表单验证程序)和 每个脚本都需要引用HTML“头”中的外部文件以及HTML“体”中的单独脚本 以下是我的HTML“正文”中的脚本代码(简化): 第一个脚本(Facebook脚本) ` 函数init(){ FB.api('/me',函数(响应){ $(“.s_name”)。替换为(“”); …做更多的事情 }); } //用户选择收件人和礼物选项时页面的实时更新 $(“.jfmfs friend”).live(“单击”,函数(){ var-friendSelec
函数init(){
FB.api('/me',函数(响应){
$(“.s_name”)。替换为(“”);
…做更多的事情
});
}
//用户选择收件人和礼物选项时页面的实时更新
$(“.jfmfs friend”).live(“单击”,函数(){
var-friendSelector=$(“#jfmfs容器”).data('jfmfs');
…做事});
`
第二个脚本(jQuery工具-验证器)
`
$(“#表单”).validator({
位置:'左上',
偏移量:[-5,0],
消息:“”,
单一错误:true
});
`
在第一个脚本的.click功能被激活之前,一切都正常工作。此时,验证程序脚本停止工作。我相信这个问题与jQuery$的冲突有关,但我不确定如何解决它。我曾尝试在各个领域使用jQuery.noConflict()
,但没有成功,也不确定应该如何使用它
任何帮助都将不胜感激 尝试使用
'jQuery'
代替所有'$'
如下:
jQuery(document).ready(function(){})代码>与$(文档)相对。准备就绪
在“利益冲突”的情况下,我被迫使用长版本。尝试使用'jQuery'
代替所有'$”
如下:
jQuery(document).ready(function(){})代码>与$(文档)相对。准备就绪
在“利益冲突”的情况下,我被迫使用长版本。首先包括jquery工具,而不包括jquery.js来修复它。出于某种原因,jQuery工具将jQuery直接包含在@KevinB中(至少以前是这样),这是可选的,现在默认情况下没有了它!看,这就是它现在的设置方式,但它不起作用。我的头:如果不包含两次jQuery,就不需要noConflict()。@Zuul它曾经包含核心的事实就是我从未使用过它的原因。我不想知道他们在幕后为我做了什么可怕的决定。很高兴知道他们正在远离这一点。首先通过包括jquery工具,而不包括jquery.js来修复它。出于某种原因,jQuery工具将jQuery直接包含在@KevinB中(至少以前是这样),这是可选的,现在默认情况下没有了它!看,这就是它现在的设置方式,但它不起作用。我的头:如果不包含两次jQuery,就不需要noConflict()。@Zuul它曾经包含核心的事实就是我从未使用过它的原因。我不想知道他们在幕后为我做了什么可怕的决定。很高兴知道他们正在远离这一点。
function init() {
FB.api('/me', function(response) {
$(".s_name").replaceWith('<input type="hidden" name="s_name" id="' + response.name + '" value="' + response.name + '" />');
..do more replaceWith stuff
});
}
//Live update of page as user selects recipient and gift options
$(".jfmfs-friend").live("click", function() {
var friendSelector = $("#jfmfs-container").data('jfmfs');
...do stuff});
`
$("#form").validator({
position: 'top left',
offset: [-5, 0],
message: '<div><em/></div>',
singleError: true
});
`