0

flexsliderプラグインをインストールしました。これは正常に機能していますが、変更したいJSに小さな要素があります。これは、スライド識別子です 。現在、flexsliderは、とul呼ばれるクラスフィールドを作成し、ページに対して呼び出されるクラスを作成します。識別子これらのフィールドは私のHTMLにはありません。flex-control-navflex-control-pagingliflex-active

各識別子のスタイルを変えたいので、JSに識別子の個別のIDを作成させる方法はありますか？コードを貼り付けますが、かなりたくさんあります。上記のリンクの要素を調べると、メインのflexsilderJSは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 に答える