jQuery單擊事件無法按預期工作

Question

我希望用戶在單擊輸入字段后具有錨點選項。 因此，我捕獲了這些錨點的點擊，並將該錨點的內容添加到空白的空白輸入中。 但是，該腳本不起作用。 那么，錯誤在哪里呢？ 邏輯錯了嗎？ 在哪里 我遵循了Jquery庫文檔中的示例，但我不了解該錯誤。 你能告訴我錯誤在哪里嗎？

翻譯

pt-br“ Colegios”轉為“學校”

pt-br“統一”到“我們的位置”

pt-br'Inscrição'到我們的'subscription'

我的腳本的操作 1.如果用戶單擊輸入type =“ text”，將添加錨。 2.如果單擊該錨點，則在輸入中添加內容的值。

的HTML

<input id="incricao" type="text" class="inscricao"/>
<input id="colegios" type="text" class="colegios"/>
<input id="unidades" type="text" class="unidades" />

Javascript / jQuery

$().ready(function(e) {

    $('#input').click(function(){
        $('.inscricao').append('<a href="#" id="presencial" target="_blank" rel="noopener noreferrer">Presencial</a><a href="#"  target="_blank" id="online" rel="noopener noreferrer">Online</a>');
    })

    $('#colegios').click(function(){
        $('.colegios').prepend('<a href="#" id="cdfmaster" target="_blank" rel="noopener noreferrer">CDF Master</a><a href="#" id="meninojesus" target="_blank" rel="noopener noreferrer">Menino Jesus</a><a href="#" id="ethos" target="_blank" rel="noopener noreferrer">Ethos</a>');
    })


    $('#unidades').click(function(){
        $('.unidades').prepend('<a href="#" id="recife" target="_blank" rel="noopener noreferrer">Recife</a><a href="#" id="jabatao" target="_blank" rel="noopener noreferrer">Jabatão</a>');
    })

   $("#presencial").click(function() {
       var valorDoInput0 = $(".inscricao").text();    
    $("#inscricao").val(valorDoInput0);
   });

   $("#online").click(function() {
     var valorDoInput1 = $(".inscricao").text();    
    $("#inscricao").val(valorDoInput1);
    });

   $("#cdfmaster").click(function() {
      var valorDoInput2 = $(".colegios").text();    
    $("#colegios").val(valorDoInput2);

    });

    $("#meninojesus").click(function() {
     var valorDoInput3 = $(".colegios").text();    
    $("#colegios").val(valorDoInput3);
    });

    $("#ethos").click(function() {
     var valorDoInput4 = $(".colegios").text();    
    $("#colegios").val(valorDoInput4);
    });


    $("#recife").click(function() {
        var valorDoInput5 = $(".unidades").text();    
       $("#unidades").val(valorDoInput5);
    });


    $("#jabatao").click(function() {
     var valorDoInput6 = $(".unidades").text();    
    $("#unidades").val(valorDoInput6);
    });

});

Answer 1

首先，您不能在input標簽內append任何內容，請嘗試使用after而不是append 。

另外$('#input')是錯誤的，您沒有任何輸入ID！ 嘗試將其更改為$('#incricao') 。

最后，為什么同時使用class和id來選擇輸入？ 刪除這些類，僅使用id並選擇$('#ID')類的輸入