こんにちは私はjqueryでいくつかのスクリプトを記述し、それをクリックイベントにバインドしますが、コードはクリックイベントによってアクティブ化されません。しかし、スクリプトを別のJavaScript関数に配置し、そのJavaScript関数をクリックイベントリスナーにバインドすると、関数がクリック時に実行できるよりも多くなります。
もう1つは、JavaScriptを使用してスクリプトをバインドすると、クリックしたdivの数と同じ回数のアラートメッセージが返されることです。つまり、3番目のdivをクリックすると、警告メッセージが私のページに3回表示されます。はpdf.jsプロジェクトであり、このdomは動的に作成されます。ユーザーがクリックしたpagecontainer2の孫のインデックスを取得したいのですが、これが私のスクリプトです。
<script type="text/javascript">
$(function() {
$(".textLayer > div", "#pageContainer2").click(function () {
var index = $(this).index();
alert("index of div is = " + index);
});
});
</script>
ドムコード:
<div id="pageContainer2" >
<canvas id="page2" width="741" height="959"></canvas>
<div class="textLayer">
<div>......some text here....</div>
<div>......some text here....</div>
<div>......some text here....</div>
</div>
</div>
<div id="pageContainer3" >
<canvas id="page3" width="741" height="959"></canvas>
<div class="textLayer">
<div>......some text here....</div>
<div>......some text here....</div>
<div>......some text here....</div>
</div>
</div>