safari和jQuery的CSS填充不加載

在Chrome和ff中，我的菜單有一個填充...我看到這是在兩個瀏覽器上工作..但是當我在Safari中查看它..填充是不存在。safari和jQuery的CSS填充不加載

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

未捕獲的ReferenceError：未定義的jQuery jquery.bxslider.min.js：10
未捕獲的ReferenceError：$沒有定義的index.html：19
無法加載資源文件：//ajax.googleapis .com/ajax/libs/jquery/1.10.2/jquery.min.js

來源

2013-08-21 Jeremi Liwanag

你應該分成兩個問題這一點。因爲，你知道......它有兩個不同的問題。 – PlantTheIdea

是的，我還能這樣做嗎？ –

add http: jquery腳本請求開始。

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

而且

在與類jplnav的HTML中你沒有什麼。除非它是由滑塊添加的（由於未加載jQuery，所以未運行）。

來源

2013-08-21 15:43:06

誰投了票，爲什麼？ – Pointy

不知道爲什麼downvote，使用'file：//ajax.googleapis ...'不會工作... – Jasper

對不起，我點擊錯誤的按鈕，我收回它。並且只使用'//'將起作用，因爲它採用頁面的現有方法（'http' vs'https'）並適當地應用它。我經常使用這個。 – PlantTheIdea

你的填充問題是由所謂的「用戶代理的樣式表」

例如，當你在瀏覽器中一個未格式化的UL，你可以看到li's有餘量向左造成等

所以首先要重置UL globaly像

ul li { 
    padding:0; 
    margin:0 
} 

/* And after that */ 

.jplnav li { 
    padding: 15px 0; 
}

it'sa猜測，但我認爲這將解決它

，並在你的第二個問題我覺得你寫的答案

Failed to load resource file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

所以請確保您選擇使用正確的網址...

來源

2013-08-21 15:48:13

添加ul li填充：0; \t margin：0; }在我的css行的頂部沒有工作..填充只有在Safari瀏覽器不工作 –

safari和jQuery的CSS填充不加載

回答

相關問題