0

我已经安装了 flexslider 插件，单击此处工作正常，但是我想更改 JS 中的一个小元素，即幻灯片标识符单击此处 目前 flexslider 创建ul名为的类字段flex-control-nav并为页面flex-control-paging创建一个li名为的类flex-active标识符 这些字段不在我的 HTML 中。

有没有办法让 JS 为标识符创建一个单独的 ID，因为我想以不同的方式设置每个标识符的样式。我会粘贴代码，但有很多。如果您检查上面链接的元素，则主要的 flexsilder JS 位于 flexsilder.js

4

2 回答 2

0

在页脚或页眉中，您可以在运行其他脚本的任何位置之后添加类似这样的内容，或者如果它使用 jquery，您可以将其放入该脚本中：

<script>
$(document).ready(function(){

      $('.flex-control-paging').each(function(key, value){
         $(this).attr('id', 'id_name_'+key);
      });
   });
</script>

现在有几件事。这假设您已经在页面上加载 jquery。另外，我认为 flex-control-paging 是所有 li 标签上的类，但如果不替换它。

于 2012-09-06T18:15:04.027 回答
0

执行以下操作对我有用... 

<!-- Inside of slider element -->
<div class="flexslider">
<ul class="slides">
...
</ul>
<ul class="custom-controls">
<li><a href="#">Slide One</a></li>
...
</ul>
</div>

//Inside .flexslider() properties
manualControls: '.custom-controls li a'


<!-- Outside of slider element - must use controlsContainer property -->
<div class"flex-container">
<div class="flexslider">
<ul class="slides">
  ...
</ul>
 </div>
 <ul class="custom-controls">
  <li><a href="#">Slide One</a></li>
   ...
 </ul>
 </div>
 //Inside .flexslider() properties
  manualControls: '.custom-controls li a',
  controlsContainer: '.flex-container'
于 2012-09-07T11:20:24.343 回答