兩個相同的jquery代碼，但只有一個在Sharepoint 2013中工作

我從jQuery站點複製代碼以在SharePoint 2013中將圖像顯示爲滑塊（.Rondell）我創建了2個內容Web部件編輯器並將其命名爲.js文件那裏有代碼。兩個相同的jquery代碼，但只有一個在Sharepoint 2013中工作

當頁面刷新時，只有其中一個被執行並正常工作。他們中的2人從未工作。即使它們是完全相同的代碼，唯一的區別就是圖像的路徑。

下面是我的代碼

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<link rel="stylesheet" href="../SiteAssets/jquery.rondell.css" type="text/css" media="all" title="Screen"/> 
<script type="text/javascript" src="../SiteAssets/modernizr-2.0.6.min.js"></script> 
<script type="text/javascript" src="../SiteAssets/jquery.rondell.js"></script> 

</head> 

<body> 
<div id="rondellSlider"> 
    <img src="../SiteAssets/images/hussam3.jpg" alt="houssam" title="Houssam Adel"> 
    <img src="../SiteAssets/images/hana2.jpg" alt="hana" title="Hana Al Mazrooa"> 
    <img src="../SiteAssets/images/sally2.jpg" alt="sally" title="Sally Gazzaz"> 
    <img src="../SiteAssets/images/usman2.jpg" alt="usman" title="Usman Mahmood"> 
    <img src="../SiteAssets/images/joseph2.jpg" alt="joseph" title="Joseph Sosa"> 
    <img src="../SiteAssets/images/yousef2.jpg" alt="sally" title="Yousef Abuown"> 
</div> 

<script type="text/javascript" > 
    $(function() { 
    $('#rondellSlider').rondell({ 
     preset: 'slider' 
    }); 
    }); 
</script> 
</html>

來源

2016-01-14 Houssam Adel

您的網絡瀏覽器有任何錯誤嗎？可以幫助解釋爲什麼第二個Web部件不起作用？ –

完全沒有錯誤 –

我假設你有使用rondellSlider ID兩個div，而且你撥打這個電話兩次：

$('#rondellSlider').rondell({ 
    preset: 'slider' 
});

如果是這樣的情況下，，由於ID應該是唯一的，因此只有其中一人成爲幻燈片是正常的。嘗試給第二個容器div另一個ID，並在第二個內容編輯器webpart上調用滑塊時使用該ID。

來源

2016-01-15 01:20:34

兩個相同的jquery代碼，但只有一個在Sharepoint 2013中工作

回答

相關問題