Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 简单的JQuery在某些领域工作,而不是在其他领域_Javascript_Jquery - Fatal编程技术网

Javascript 简单的JQuery在某些领域工作,而不是在其他领域

Javascript 简单的JQuery在某些领域工作,而不是在其他领域,javascript,jquery,Javascript,Jquery,在我将幻灯片添加到我正在工作的站点后,一些使用Jquery的web组件停止工作。不过,新添加的幻灯片也使用JQuery,效果与预期一样 经过一些调试,我从下面的代码中确切地了解了JQuery的工作原理和不工作原理。我在代码中添加了一条注释以表明这一点 我正在导入标题中的jquery库,下面的代码是关闭标记之前的最后一个代码 <!--SLIDESHOW--> $(document).ready(function() { var options = {};

在我将幻灯片添加到我正在工作的站点后,一些使用Jquery的web组件停止工作。不过,新添加的幻灯片也使用JQuery,效果与预期一样

经过一些调试,我从下面的代码中确切地了解了JQuery的工作原理和不工作原理。我在代码中添加了一条注释以表明这一点

我正在导入标题中的jquery库,下面的代码是关闭
标记之前的最后一个代码

<!--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&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q='+ address +' &amp;aq=&amp;ie=UTF8&amp;hq=&amp;hnear='+address+'&amp;t=m&amp;z=14&amp;iwloc=A&amp;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,三次检查它在哪里坏了。然后进入那个区域,看看代码是否能自己工作。让我们知道你发现了什么。