Question

我已经从jQuery网站复制了一个代码，将图像显示为滑块（.Rondell）在SharePoint 2013中，我创建了2个内容Web部件编辑器，并调用了包含其中代码的.js文件。

刷新页面时，只执行其中一个并正常工作。他们中的两个从不工作。即使它们是完全相同的代码，唯一的区别是图像的路径。

以下是我的代码

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

Answer 1

我假设您有两个使用rondellSlider ID的div，并且您进行了两次此次调用：

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

如果是这种情况，那么只有其中一个成为幻灯片是正常的，因为ID应该是唯一的。尝试给第二个容器div另一个ID，并在第二个内容编辑器webpart上调用滑块时使用该ID。

两个相同的Jquery代码，但只有一个在Sharepoint 2013中工作

1 个答案: