bxslider 在 chrome 上运行良好，但在 Firefox 上，HTML 正在消失答案

【问题标题】：bxslider working fine on chrome but on firefox, HTML is disappearingbxslider 在 chrome 上运行良好，但在 Firefox 上，HTML 正在消失
【发布时间】：2014-02-22 08:47:26
【问题描述】：

目前我正在实现一个带有 ajax 生成的 li 的 bxslider。在 chrome 中一切正常，但在 Firefox 中滑块内容正在消失。意思是，除了滑块内容之外的所有内容都出现在页面中，但滑块中的内容没有在页面上呈现。

您可以检查它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;

            }
        }
    }       
});
 }

【问题讨论】：

在 Firefox 中给出错误 ReferenceError: adjustMenu is not defined adjustMenu();
该网站也没有在 Internet Explorer 上运行。每当我尝试运行该网站时，IE 都会被挂起。
好的，所以首先通过在 document.ready 上方的 nav-script.js 中定义 adjustMenu 方法来消除此错误，然后检查它。
亲爱的，请立即检查。我已经修复了您刚才提到的错误...但仍然无法正常工作。

标签： jquery internet-explorer mozilla bxslider

【解决方案1】：

我在这里遇到了同样的问题，不知怎的，我发现在 bx-wrapper 类下的 jquery.bxslider.css 中，没有为滑块本身设置宽度，所以我添加了 width: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%;
}

【讨论】：