两个相同的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中工作

回答

相关问题