Javascript 简单的JQuery在某些领域工作,而不是在其他领域
在我将幻灯片添加到我正在工作的站点后,一些使用Jquery的web组件停止工作。不过,新添加的幻灯片也使用JQuery,效果与预期一样 经过一些调试,我从下面的代码中确切地了解了JQuery的工作原理和不工作原理。我在代码中添加了一条注释以表明这一点 我正在导入标题中的jquery库,下面的代码是关闭Javascript 简单的JQuery在某些领域工作,而不是在其他领域,javascript,jquery,Javascript,Jquery,在我将幻灯片添加到我正在工作的站点后,一些使用Jquery的web组件停止工作。不过,新添加的幻灯片也使用JQuery,效果与预期一样 经过一些调试,我从下面的代码中确切地了解了JQuery的工作原理和不工作原理。我在代码中添加了一条注释以表明这一点 我正在导入标题中的jquery库,下面的代码是关闭标记之前的最后一个代码 <!--SLIDESHOW--> $(document).ready(function() { var options = {};
标记之前的最后一个代码
<!--SLIDESHOW-->
$(document).ready(function() {
var options = {};
if (document.location.search) {
var array = document.location.search.split('=');
var param = array[0].replace('?', '');
var value = array[1];
if (param == 'animation') {
options.animation = value;
}
else if (param == 'type_navigation') {
if (value == 'dots_preview') {
$('.border_box').css({'marginBottom': '40px'});
options['dots'] = true;
options['preview'] = true;
}
else {
options[value] = true;
if (value == 'dots') $('.border_box').css({'marginBottom': '40px'});
}
}
}
$('.box_skitter_large').skitter(options);
// Highlight
$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
//**** everything above works, everything below this point does not! ****/
$(".expandButton").click(function(ev){
$(ev.target).closest(".company-container").find(".expand").css("height", "140px");
$(ev.target).closest(".company-container").find(".expand").toggle("fast");
});
$(".emailLink, .email-popup").click(function(e){
e.stopPropagation();
$(e.target).closest(".company-container").find(".expand").css("height", "140px");
$(e.target).closest(".company-container").find(".email-popup").show("fast");
$(e.target).closest(".company-container").find(".phone-popup").hide();
$(e.target).closest(".company-container").find(".address-popup").hide();
});
$(".addressLink, .address-popup").click(function(e){
e.stopPropagation();
$(e.target).closest(".company-container").find(".expand").css("height", "550px");
$(e.target).closest(".company-container").find(".address-popup").show("fast");
var address = $(e.target).closest(".company-container").find(".address").html(); //get address text
if(!($(e.target).closest(".company-container").find(".map").length)){ //check if it was loaded
$(e.target).closest(".company-container").find(".address-popup").html('<iframe class="map" style="margin-top:45px;" width="575" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q='+ address +' &aq=&ie=UTF8&hq=&hnear='+address+'&t=m&z=14&iwloc=A&output=embed"></iframe>');
}
$(e.target).closest(".company-container").find(".email-popup").hide();
$(e.target).closest(".company-container").find(".phone-popup").hide();
});
$(".phoneLink, .phone-popup").click(function(e){
e.stopPropagation();
$(e.target).closest(".company-container").find(".expand").css("height", "140px");
$(e.target).closest(".company-container").find(".phone-popup").show("fast");
$(e.target).closest(".company-container").find(".email-popup").hide();
$(e.target).closest(".company-container").find(".address-popup").hide();
});
$(document).click(function(e) {
if (!(e.target.class === "email-popup" || e.target.class === "phone-popup")) {
$(".email-popup, .phone-popup, .address-popup").hide("fast");
}
$(".expand").css("height","140px");
});
$(".tagKeyword").hover(function(){
$(this).css("background-color","#fff");
$(this).css("color","blue");
$(this).css("box-shadow","none");
});
$(".tagKeyword").mouseleave(function(){
$(this).css("background-color","#eee");
$(this).css("color","#556");
$(this).css("box-shadow","1px 1px 2px #ccc");
});
$(".search-container").hover(function(){
$(".search-container").css("background","url(./images/menu/menu-middle.png)");
});
$(".searchfield").Watermark("search");
});
$(文档).ready(函数(){
var选项={};
if(document.location.search){
var数组=document.location.search.split('=');
变量参数=数组[0]。替换('?','');
var值=数组[1];
如果(参数==“动画”){
options.animation=值;
}
else if(参数=='type_navigation'){
如果(值='dots\u preview'){
$('border_box').css({'marginBottom':'40px'});
选项['dots']=true;
选项['preview']=true;
}
否则{
选项[值]=真;
if(value=='dots')$('.border_-box')).css({'marginBottom':'40px'});
}
}
}
$('.box\u skitter\u large')。skitter(选项);
//突出显示
$('pre.code')。突出显示({源代码:1,zebra:1,缩进:'space',列表:'ol'});
//****上面的一切都起作用,低于这一点的一切都不起作用****/
$(“.expandButton”)。单击(函数(ev){
$(ev.target).最近的(“.company container”).find(“.expand”).css(“height”,“140px”);
$(ev.target)。最近的(“.company container”)。查找(“.expand”)。切换(“fast”);
});
$(“.emailLink,.email弹出窗口”)。单击(函数(e){
e、 停止传播();
$(e.target).最近的(“.company container”).find(“.expand”).css(“height”,“140px”);
$(e.target)。最近的(“.company container”)。查找(“.email popup”)。显示(“fast”);
$(e.target).最近的(“.company container”).find(“.phone popup”).hide();
$(e.target).最近的(“.company container”).find(“.address popup”).hide();
});
$(“.addressLink.AddressPopup”)。单击(函数(e){
e、 停止传播();
$(e.target).最近的(“.company container”).find(“.expand”).css(“height”,“550px”);
$(e.target)。最近的(“.company container”)。查找(“.address popup”)。显示(“fast”);
var address=$(e.target).closest(“.company container”).find(“.address”).html();//获取地址文本
if(!($(e.target).closest(“.company container”).find(“.map”).length)){//检查它是否已加载
$(e.target).最近的(“.company container”).find(“.address popup”).html(“”);
}
$(e.target).最近的(“.company container”).find(“.email popup”).hide();
$(e.target).最近的(“.company container”).find(“.phone popup”).hide();
});
$(“.phoneLink,.phone弹出窗口”)。单击(函数(e){
e、 停止传播();
$(e.target).最近的(“.company container”).find(“.expand”).css(“height”,“140px”);
$(e.target)。最近的(“.company container”)。查找(“.phone popup”)。显示(“fast”);
$(e.target).最近的(“.company container”).find(“.email popup”).hide();
$(e.target).最近的(“.company container”).find(“.address popup”).hide();
});
$(文档)。单击(函数(e){
如果(!(e.target.class==“电子邮件弹出”| e.target.class==“电话弹出”)){
$(“.email popup、.phone popup、.address popup”).hide(“fast”);
}
$(“.expand”).css(“高度”,“140px”);
});
$(“.tagKeyword”).hover(函数(){
$(this.css(“背景色”,“#fff”);
$(this.css(“颜色”、“蓝色”);
$(this.css(“框阴影”、“无”);
});
$(“.tagKeyword”).mouseleave(函数(){
$(this.css(“背景色”,“#eee”);
$(this.css(“color”,“#556”);
$(this.css(“长方体阴影”,“1px 1px 2px#ccc”);
});
$(“.search container”).hover(函数(){
$(“.search container”).css(“背景”、“url(./images/menu/menu middle.png)”);
});
$(“.searchfield”).Watermark(“搜索”);
});
你能试试这个吗
$(".expandButton").click(function() {
$(this).closest(".company-container").find(".expand").css("height", "140px");
$(this).closest(".company-container").find(".expand").toggle("fast");
});
这可能一点帮助都没有,但我认为这里没有必要使用
ev
,而使用这个可能需要再次检查ev变量:
ev = ev || window.event
谢谢你的回复。试试看,没用。我已经用电动汽车好几个月了。我不明白为什么那会引起问题。不过,我很感谢你的意见。我不想听起来很烦人,但是,利用console.log,三次检查它在哪里坏了。然后进入那个区域,看看代码是否能自己工作。让我们知道你发现了什么。