Question

我已经安装了flexslider插件，click here工作正常，但是我想要更改的JS中有一个小元素，即幻灯片标识符click here 目前，flexslider创建名为ul和flex-control-nav的{{1}}类字段，为页面标识符创建名为flex-control-paging的{{1}}类。这些字段不在我的HTML中。

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

Answer 1

在页脚或标题中的

，你可以在运行其他脚本的任何地方抛出这样的东西，或者如果它使用jquery你可以把它扔进那个脚本中：

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

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

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

Answer 2

做以下工作对我有用......

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

如何在jquery中将li类更改为li id

2 个答案: