2014-02-22 132 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%; 
} 
相關問題