はJQuery：次のコードは、私の本番サーバー上のスタンドアロンのHTMLとして完全に正常に動作

Question

をクリックしてボタン上のHTMLのElem /コンテンツを作成します。

<div id="mytest"> 
    basic content<br> 
    <button type="button" name="add" id="add" class="btn btn-success">Add More</button> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#add').click(function(){ 
      $('#mytest').append('my new content'); 
     }); 
    }); 
</script> 

しかし、私はカスタムJoomlaの3.0モジュールにそのコードsnipetを追加するときに、それをボタンを表示しますが、クリックするとChromeのコンソールログに次のように表示されます：

Uncaught TypeError: Cannot read property 'append' of null

私は間違っていますか？ Joomlaは私のコードをどうにかして奪っていますか？どのような考えが大いに感謝します。

Answer 1

追加する必要があります。 .append()関数が正しく使用されていません。私は下にお見せたりSEE PEN HEREしてみましょう：

<script> 
$(document).ready(function(){ 
    $('#add').click(function(){ 
     $('#mytest').append('my new content'); <------Doesn't Work 
    }); 
}); 
</script> 

以下この例を見てみましょう：

var $newdiv1 = $("<p id='new-item'>My new content</p>"), 
newdiv2 = document.createElement("p"), 
existingdiv1 = document.getElementById("#myTest"); 

$("body").append($newdiv1, [ newdiv2, existingdiv1 ]); 

Answer 2

あなたはjQueryを使って、すべての$を交換しようとすることはできますか？

jQuery(document).ready(function(){ 
    jQuery('#add').click(function(){ 
     jQuery('#mytest').append('my new content'); 
    }); 
});