1

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

Uncaught ReferenceError: jQuery is not defined jquery.bxslider.min.js:10
Uncaught ReferenceError: $ is not defined index.html:19
无法加载资源文件://ajax.googleapis.com/ajax/libs/jquery/1.10。 2/jquery.min.js

4

2 回答 2

5

http: 在 jquery 脚本请求的开头添加。

src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"

和

您的 html 中没有任何带有 jplnav 类的内容。除非它是由滑块添加的（因为没有加载 jQuery，所以它没有运行）。

于 2013-08-21T15:43:06.617 回答
2

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

例如，当您在浏览器中查看未格式化的 ul 时，您会看到 li 的左侧有边距等。

所以首先你必须像

ul li {
   padding:0;
   margin:0
}

/* And after that */

.jplnav li {
   padding: 15px 0;
 }

这是猜测，但我认为它会解决它

关于你的第二个问题，我认为你写了答案

加载资源文件失败://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

所以请确保您使用正确的网址...

于 2013-08-21T15:48:13.413 回答