-3
<script>
    function show_button2(){
        $('#demo').html('<button>Button 2</button>');
    }
</script>

<button onclick="show_button2();">Button 1</button>
<div id='demo'></div>

'Button 1'をクリックして, 下の'Button 2' (id='demo'<div>の中に) が出てほしいんです.

でも, 上のコードだと, 'Button 1'をクリックしても, 何も出ないんです.

上記のコードによると, どうしてそのjQueryセレクタ ($('#demo')) は効果がないの?

この問題を解決する方法は何ですか?

3
  • 1
    そのコード走らせてみたらButton2がちゃんと出てきます。ブラウザコンソールにエラーメッセージがありますか。
    – neuront
    2016年8月29日 14:41
  • 1
    こちらの環境(Safari 9.1.1)でも(示されていない部分を補うと)Button 2が普通に現れました。事象を再現できるようなHTML全体を質問文に追加してもらえませんか。
    – OOPer
    2016年8月29日 14:46
  • 1
    jQueryのロードはしてます?
    – BLUEPIXY
    2016年8月29日 15:12

1 件の回答 1

1

コメントでもBLUEPIXYさんが仰ってますがjQueryがロードされていない可能性があります。
下記は質問文のコードそのままですが動作しています。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
    function show_button2(){
        $('#demo').html('<button>Button 2</button>');
    }
</script>

<button onclick="show_button2();">Button 1</button>
<div id='demo'></div>

1
  • ここからエスパーの領域ですが下記の可能性もありますね。ただどちらにしろ情報が不足しているので追記してください。、、、「buttonの上に何かしらのElementが被っている」(記載しているコードが不足しているので情報を追加してください)、「ブラウザなど環境でclickが発動していない:この場合touchなどが効いている」(実行環境を記載してください)
    – user10259
    2016年8月29日 23:59

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。