Javascript safari和jQuery的CSS填充不';t载荷
在Chrome和ff中,我的菜单有一个填充。。。我发现这在两种浏览器上都有效。。但当我在Safari中看到它时。。填充物不在那里Javascript safari和jQuery的CSS填充不';t载荷,javascript,jquery,css,cross-browser,Javascript,Jquery,Css,Cross Browser,在Chrome和ff中,我的菜单有一个填充。。。我发现这在两种浏览器上都有效。。但当我在Safari中看到它时。。填充物不在那里 .jplnav li { padding: 15px 0; } 我的下一个问题是。。。我想使用bxslider。我按照他们的指示安装了它,但在我这方面它不起作用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
.jplnav li {
padding: 15px 0;
}
我的下一个问题是。。。我想使用bxslider。我按照他们的指示安装了它,但在我这方面它不起作用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.bxslider.min.js"></script>
<link href="/query.bxslider.css" rel="stylesheet" />
<title>My Slider</title>
</head>
<body>
<ul class="bxslider">
<li>Hi</li>
<li>Hello</li>
<li>Goodbye</li>
<li>Yes</li>
</ul>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
</body>
</html>
我的滑块
$(文档).ready(函数(){
$('.bxslider').bxslider();
});
未捕获引用错误:未定义jQuery jQuery.bxslider.min.js:10未捕获引用错误:$未定义索引。html:19
无法加载资源file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js在jquery脚本请求的开头添加
http:
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
及
您的html中没有任何包含jplnav类的内容。除非它是由滑块添加的(由于没有加载jQuery,滑块不会运行)。在jQuery脚本请求的开头添加
http:
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
及
您的html中没有任何包含jplnav类的内容。除非它是由滑块添加的(由于未加载jQuery,滑块不会运行)。填充问题是由所谓的“用户代理样式表”引起的 例如,当您在浏览器中查看未格式化的ul时,您可以看到li的左边有一个边距等 因此,首先你必须重新设置ul全球标准
ul li {
padding:0;
margin:0
}
/* And after that */
.jplnav li {
padding: 15px 0;
}
这是一个猜测,但我认为它会解决它
关于你的第二个问题,我想答案是你写的
无法加载资源
file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
因此,请确保您使用了正确的url…您的填充问题是由所谓的“用户代理样式表”引起的 例如,当您在浏览器中查看未格式化的ul时,您可以看到li的左边有一个边距等 因此,首先你必须重新设置ul全球标准
ul li {
padding:0;
margin:0
}
/* And after that */
.jplnav li {
padding: 15px 0;
}
这是一个猜测,但我认为它会解决它
关于你的第二个问题,我想答案是你写的
无法加载资源
file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
因此,请确保您使用了正确的url…您应该将此问题分为两个问题。因为,你知道。。。这是两个不同的问题。是的,我还能这样做吗?你应该把这分成两个问题。因为,你知道。。。这是两个不同的问题。是的,我还能这样做吗?对不起,我按错按钮了,我收回了它。而只使用
/
将起作用,因为它采用页面的现有方法(http
vshttps
)并适当地应用它。我经常使用它。无法加载资源file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 是错误消息,因此添加http将修复它。唯一不起作用的方法是如果您没有运行本地主机,而只是使用标准文件进行开发(因为当时所有内容都使用文件:
而不是http:
)。当您在实际服务器上运行这些页面时,将不会出现相同的问题。抱歉,我单击了错误的按钮,将其收回。仅使用/
将起作用,因为它采用了页面的现有方法(http
vshttps
)并适当地应用它。我经常使用它。加载资源失败file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 是错误消息,因此添加http将修复它。唯一不起作用的方法是如果您没有运行本地主机,而只是使用标准文件进行开发(因为所有内容都在使用文件:
而不是http:
)。当您在实际服务器上运行这些页面时,不会出现相同的问题。在css行顶部添加ul li{padding:0;margin:0;}不起作用..仅在Safaria中填充ul li{padding:0;margin:0;}在我的css行的顶部不起作用..填充仅在safari中不起作用