get関数を使用してボタンをインポートできません

Question

JQUERYを使用してHTMLファイルにインポートされたボタンに問題があり、関数を取得しました。 私はそれがクリックされているかどうかをチェックしようとしていますが、なぜコンソールに何も印刷できないのか分かりません。私はこのスクリプトを使用して、ボタンをインポート：

  $.get("nuovotaglio.html", function(data) { 

       var newDiv = $('<div/>',{id:'Servizio'+ incremento}).appendTo('.nuovoServizi'); 

       newDiv.html(data); 

       var idInputeText = newDiv.children().children().find("input[name='servizio']"); 
       idInputeText.attr('id','input'+incremento); 

      }); 

その後、私は

 $(function() { 
      $('button').click(function(){ 
      console.log('ciao'); 
      }); 
     }); 

を書いた私も

$('button').click(function(){ 
     console.log('ciao'); 
    }); 

また、このスクリプトは

 $('button').on('click', function(event) { 
      console.log('ciao'); 
     }); 

ん動作しないを試してみました誰かがイベントをチェックする方法を知っているGETを使用してインポートされたHTMLコード？

Answer 1

問題は、準備ができたJQ関数を起動した後で、要素をページに追加することにあります。

JQコードを次のように書き換えると修正されます。

$(document).on('click', 'button', function(event) { 
     console.log('ciao'); 
    }); 

Alternativellyものはまだ出て盗聴​​されている場合、あなたは試すことができます（ので、ここで、はい、私は実際に一度何らかの理由でそのバグを見てきました、必要に応じて溶液Bである）

$('body').on('click', 'button', function(event) { 
     console.log('ciao'); 
    }); 

Answer 2

2番目のスクリプトが初期化されたとき、その時点ではボタンはありませんでした。そのため、clickイベントは機能しませんでした。

コンテンツを正常に読み込んだ後、このスクリプトをロードします。

あなたは

$(document).ready(function() { 
    // second script here 
}); 

使用することができますまたはあなたが使用することができます。

$.ajax({ 
    url: "test.html", 
    method: "GET", 
    data: { id : $("ul.nav").first().attr("id") }, 
    dataType: "html", 
    success: function() { 
     $('button').click(function(){ 
      console.log('ciao'); 
     }); 
    } 
}); 

Answer 3

あなたのHTMLとJavascriptやjQueryのも試す動作しないでインポートする複数のファイルまたはコードの部分を持っている場合HTMLの代わりにPHPを使用します。

ファイル名をPHP拡張子で変更し、MAMPやXAMPなどの実サーバや仮想サーバにアップロードします。私はメインページ内のウェブサイトの大部分が含まれるようにしようとした私の他のHTMLファイルは、ホームページの同じフォルダにあった

<?php include("your_file_path/your_file_name.html"); ?> 

：

は、その後、あなたのファイルをインポートするには、このsintaxを使用しています。私は使用しました

<?php include("section6.html"); ?> 

このメソッドを使用した後、すべての私のJqueryライブラリが正しく動作しました。