safari和jQuery的CSS填充没有't负载

CSS padding for safari and jQuery doesn't load

本文关键字：负载 jQuery CSS 填充 safari      更新时间：2023-09-26

在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/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>

未捕获引用错误：jQuery未定义jQuery.bxslider.min.js:10
未捕获的ReferenceError:$未定义索引。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，所以滑块没有运行）。

您的填充问题是由所谓的"用户代理样式表"引起的

例如，当你在浏览器中查看一个未格式化的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。。。

相关文章：