jQueryはスクリプトとしては機能しませんが、コンソールでは機能しますか？

Question

私はwebpageの最初のショーのmoreリンクにclickonアクションを追加したいと思います。コンソールでこのコードを試してみると：

jQuery("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p") 
    .attr("onclick", "document.getElementById('showExpandImage').style.display = 'block'"); 

これは機能しています。コンソールで自分で試してみると、もっと表示すると画像がポップアップ表示されます。しかし、私はフッターにスクリプトとして、それを挿入した場合、ページのソースコードの末尾にコードを見つけることができます

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p") 
      .attr("onclick", "document.getElementById('showExpandImage').style.display = 'block'"); 
    }); 
</script> 

それはちょうど... onclickイベントを追加していない理由であるとどうすれば修正できますか？ 確実に読み込まれます。私はalert()イベントでそれを試しました。しかし、訪問者のためにalert()イベントを削除しました。助けがうれしいです。

はありがとう、親切ドキュメントの準備ができたとき

Answer 1

はちょうどあなたが関数を呼び出す必要なく、jQueryの機能click()を使用することができます

jQuery(document).ready(function() { 
     $("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p").click(function() 
     { 
      $("#showExpandImage").css("display", "block");   
     }); 
}); 

Answer 2

$("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p").click(function(){ 
    $('#showExpandImage').css('display', 'block'); 
}); 

jQueryの関数.click（）を使用について

jQuery click function

Answer 3

私はこの問題を数回見つけました。

問題であるスクリプトをロードした後、あなたの要素の負荷は、この理由は、できること：

はあなたの要素を動的にJavaスクリプトを使ってロードされ

この問題を解決するには、スクリプトを読み込むことです要素がロードされたとき。

私はあなたのウェブサイト上でテストしてみたこれは動作するはず

Answer 4

：

jQuery(document).ready(function() { 
     jQuery("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p").click(function() 
     { 
      jQuery("#showExpandImage").css("display", "block");   
     }); 
}); 

EDIT： 私はまた、あなたの要素にIDを追加して使用するために長いセレクターを変更することを示唆していますid。たとえばあなたが「私のリンク」のIDを追加することができますし、それを変更します。

$("#my-link").click(....)