jquery - 2回のクリック後にjquery関数が最初に実行される

Question

ページをロードすると selText() が2回クリックした後にのみ実行され、正常に動作しますが、ページを更新する場合はもう一度2回クリックする必要があります

<a href="javascript: selText();" class="select">click</a>
<input type="text"  value="value" />

<a href="javascript: selText();" class="select">click</a>
<input type='text'  value='value' />

<a href="javascript: selText();" class="select">click</a>
<input type="text"  value="value" />




function selText() {
        $(".select").click(function () { $(this).nextUntil("a").select(); });
    }

Answer 1

理由はわかりませんが、プロジェクトの一部のビューで上記のコードが機能せず、次のことを行う必要があります

$(document).ready(function () {
    $(document).on('click', '.tabl-red', function (e) {
        e.preventDefault();
        $(this).nextUntil("a").select();
    });
});

多分それは誰かを助ける

Answer 2

これは、追加するときに

function selText() {
    $(".select").click(function () { $(this).nextUntil("a").select(); });
}

次にアンカーリンクをクリックすると、最初に、関数がクリックイベントを「.select」要素にバインドします。これが、最初のクリックで何も起こらない理由です。ただし、その後のクリックは期待どおりに機能します。上記のコードの望ましくない効果は、実際には同じことを行う複数の関数にクリック イベントをバインドしていることです (バインドされた関数の数は、アンカー タグをクリックした回数と同じです)。

答えは、あなたが配置する必要があるということです

$(".select").click(function () { $(this).nextUntil("a").select(); });

下

$(document).ready(function(){
..// your code here
});