Jquery bxslider在chrome上运行良好,但在firefox上,HTML正在消失
目前,我正在用ajax生成的li实现bxslider。在chrome中一切正常,但在firefox中滑块内容正在消失。这意味着,除了滑块内容之外的所有内容都出现在页面中,但滑块中的内容不会呈现在页面上 你可以查一下。任何帮助都会被拒绝的 这是我的密码:Jquery bxslider在chrome上运行良好,但在firefox上,HTML正在消失,jquery,internet-explorer,mozilla,bxslider,Jquery,Internet Explorer,Mozilla,Bxslider,目前,我正在用ajax生成的li实现bxslider。在chrome中一切正常,但在firefox中滑块内容正在消失。这意味着,除了滑块内容之外的所有内容都出现在页面中,但滑块中的内容不会呈现在页面上 你可以查一下。任何帮助都会被拒绝的 这是我的密码: function loadPage(file_name_url, url_data, typ) { var items = []; var page_content = $("#page-content"); $(
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;
}
}
}
});
}
我在这里遇到了同样的问题,不知怎的,我发现在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%;
}
在firefox中,它的给定错误引用错误:adjustMenu未定义adjustMenu();另外,该网站没有在internet explorer上运行。每当我尝试运行该网站时,IE都会被挂起。好的,首先通过在上面的文档nav-script.js中定义adjustMenu方法来删除此错误。准备好了,然后检查它。亲爱的akh,请立即检查。我已经修复了您刚才提到的错误…但它仍然不起作用。