0

jQueryについて質問です。私はjQuery、またはそのことについてはjavascriptでさえ本当に初めてなので、ご容赦ください。

アプリのいくつかの div でドラッグ可能な jQuery UI を使用しています。問題は、jQuery .on('click') がこれらの div で動作しないように見えることです。.click() を使用しようとしましたが、動作します。ただし、div は動的に作成されます。私が学んだことに基づいて、動的に作成された要素を使用する場合は .on() を使用するのが最善です。以下は私のHTMLスニペットです:

<div class="book-page">
    <div class="draggable-text">
        <p>First text</p>
    </div>
    <div class="draggable-text">
        <p>Second text</p>
    </div>
</div>

jQuery スニペットは次のとおりです。

$('div.draggable-text').draggable({
    cursor: 'move',
    delay: 200,
    containment: 'parent'
}).resizable().selectable();

// This one doesn't work
$('div.book-page').on('click', 'div.book-page > div.draggable-text', function () {
    alert('clicked!');
    // some more coding here...
});

// This one works
/*$('div.book-page > div.draggable-text').click(function () {
    alert('clicked!');
    // some more coding here...
});*/

そして最後に、私が作成した jsfiddle へのリンクを次に示します。どんな種類の助けにも本当に感謝しています。

ありがとう!そして下手な英語でごめんなさい。

4

5 に答える 5

3

2 番目のものに構文エラーがあるようです。

これを試して:

$('div.draggable-text').on('click', function () {
  alert('clicked!');
  // some more coding here...
});

jQuery の「on」イベントの構文を読んで、どの引数が入るかをよりよく理解してください。 http://api.jquery.com/on/

乾杯!

于 2013-05-16T04:03:55.740 に答える
2

これを試して:

$('div.draggable-text').click(function(e){
e.preventDefault();
    alert('test');
});
于 2014-01-07T09:08:54.257 に答える
0

Jquery構文は正しくありませんこれを試してください:

$('div.draggable-text').on('click', function () {
alert('clicked......');
// some coding here...
});

ここをチェックしてください:http://jsfiddle.net/jS8sK/2/

于 2013-05-16T04:08:59.083 に答える