0

ページが読み込まれるときに、テーブルの各セルに対していくつかの JavaScript コードを実行する必要がある、動的な数のスライダーを備えたテーブルがあります。各スライダーには個別の$(window).load(function(){...呼び出しが必要です。

問題は、スライダーが html に出力される時点で ID とパラメーターしか知らないため、ヘッダーにすべてを追加できないことです。これは私を次のようなものにしてしまいます

<td>
 <script type="text/javascript">
  $(window).load(function(){$("#my_id").PPSlider({ARGUMENTS});};
 </script>
 <input type="hidden" id="my_id"/>
</td>

onloadこれを入力の属性に置き換える方法はありますか? 私は十数の方法を試しましたが、それらはすべてうまくいかないようです。そうでない場合、ヘッダーに組み込むことができない場合、これを適切に行うにはどうすればよいですか?

編集: 明確化: 引数はスライダーごとに異なり、スライダーが特定の位置にあるときに表示されるテキストを表します。

4

1 に答える 1

2

代わりにクラスを与えてください - それらはユニークである必要はありません。readyまた、代わりに処理する必要があります。

<input type="hidden" id="my_id" class="slider" />

$(document).ready(function() {
    $('.slider').PPSlider({ARGUMENTS});
});

もちろん、何らかの理由で各スライダーが実際に独自のものを必要とする場合 (属性を使用して絶対に決定できないそれぞれの異なる引数? 可能性は低いですが...) 、スライダー要素の<script> 後に置くことができます。待つ必要さえありませんonload。

于 2013-01-08T04:44:59.843 に答える