2014-02-22 93 views
1

目前我正在实现一个带有ajax的bxslider生成的li.Everything在Chrome中正常工作,但在Firefox中滑块内容正在消失。表示除滑块内容外,在页面中,但滑块中的内容不会在页面上呈现。bxslider在Chrome浏览器上工作正常,但在Firefox上,HTML正在消失

你可以检查它here任何帮助将被appericiated。

这里是我的代码:

function loadPage(file_name_url, url_data, typ) { 
     var items = []; 
     var page_content = $("#page-content"); 

$('#loading').css('visibility','visible'); 
$.ajax({ 
    type: "GET", 
    url: file_name_url, 
    data: url_data, 
    dataType: "html", 
    success: function(msg) {    
     if(parseInt(msg)!=0) { 
      switch(typ) { 
       case "category":       
        $('#page-content').html(msg); 
        $('.bxslider').bxSlider({}); 
        //$("#cate-page-content").hide(); 
        $("#cate-page-content").animate({"top": "10%", "height":"auto"}, "slow"); 
        $(".title").css("position","relative"); 
        $(".bx-controls").css("position","fixed"); 


        //bx-controls bx-has-pager bx-has-controls-direction 
        //$('#loading').css('visibility','hidden');     
       break; 
       case "article": 
        items.push(msg); 

        $("#page-content").html(msg); 
        $("#page-content").css("overflow: auto; overflow-y: hidden;"); 
        $("#article-page-content").mCustomScrollbar({ 
         scrollButtons:{ 
          enable:true 
         } 
        });            
        $("#article-page-content").animate({"left": "13%"}, "slow"); 
        //$("#pageContent").show();  
       break; 

      } 
     } 
    }  
}); 
} 
+0

在Firefox中它给出的错误ReferenceError:adjustMenu没有定义adjustMenu(); – Akhlesh

+0

此网站还没有运行Internet Explorer.IE每当我尝试运行该网站时都会被挂起。 – ainki

+0

好吧,首先通过在document.ready之上的nav-script.js中定义adjustMenu方法来删除此错误,然后检查它。 – Akhlesh

回答

0

我在这里同样的问题,并不知我发现,在BX-包装类jquery.bxslider.css,没有宽度滑块本身设定,所以我增加了宽度:100%,它立即出现。这对我有用,希望它有帮助。

.bx-wrapper { 
position: relative; 
margin: 0 auto 60px; 
*zoom: 1; 
display: block; 
border:1px solid white; 
overflow: hidden; 
height: 470px; 
border:1px solid green; 
width: 100%; 
} 
相关问题