Javascript safari和jQuery的CSS填充不';t载荷

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/

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

我的滑块
  • 你好
  • 再见
$(文档).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
vs
https
)并适当地应用它。我经常使用它。无法加载资源file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 是错误消息,因此添加http将修复它。唯一不起作用的方法是如果您没有运行本地主机,而只是使用标准文件进行开发(因为当时所有内容都使用
文件:
而不是
http:
)。当您在实际服务器上运行这些页面时,将不会出现相同的问题。抱歉,我单击了错误的按钮,将其收回。仅使用
/
将起作用,因为它采用了页面的现有方法(
http
vs
https
)并适当地应用它。我经常使用它。加载资源失败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中不起作用