javascript - jQueryで追加されたリンクでNyroModalが機能しない

Question

私はこのNyroModalを持っています：

$('.openModal').nyroModal();

そして、私は私のリンクを持っています:

<a href="#sample" class="openModal">this is a test</a>

これはうまく機能し、想定どおりにサンプルモーダルをロードしますが、次を使用してリンクを追加すると

$("#mydiv").html('<a href="#sample" class="openModal">this is a test</a>');

うまくいきません、私はこれを試しました

$('.openModal a').live('click',function(e) {
        e.preventDefault();
        $(this).nyroModalManual();
        return false;
});

この：

$('.openModal a').live('click',function(e) {
        e.preventDefault();
        $(this).nmManual("#sample");
        return false;
    });

しかし、私には運がありませんでした。他に試してみることができますか? 私は何を間違っていますか？

ありがとう！

更新:コンソールにエラーがまったく表示されないことを忘れていました

更新 2: 適切に選択しているため、このエラーが発生しています。

キャッチされていない TypeError: オブジェクト [オブジェクトオブジェクト] にはメソッド 'nyroModalManual' がありません

score 1 · Accepted Answer

彼はどうですか？

$('.openModal a').live('click',function(e) {
        e.preventDefault();
        $.nmManual("#sample");
    });

または私はこのセレクターを持っていると思います：

$('a.openModal').live('click',function(e) {
        e.preventDefault();
        $.nmManual("#sample");
    });

score 1 · Accepted Answer

セレクターとして a.openModal が必要なようです。現在、クラスopenModalで何かの中の要素を選択しています。代わりにデリゲートを検討することをお勧めします。現在は iirc が優先されています。

あなたの更新を見ました。nyroModalManual ではなく、nyroModal で呼び出すことになっていませんか? nmManual も有効なようです。

2 に答える 2