0

私はこのdivを持っています：

<div class="main_mark">
    <img src="/assets/welcome_main.png" alt="main" class="main_mark_image" />
</div>

次のことが必要です。ユーザーが画像をクリックすると、このdivは次のように変更されます。

<div class="main_mark">
    <embed width="420" height="345" src="http://www.youtube.com/v/XjR-4lbK1mI" type="application/x-shockwave-flash">
    </embed>
</div>

だから私のJavaScriptでは、私は次のようなことをしようとしました：

$(".main_mark_image").click(function () {
    $("#main_mark").innerHTML = "<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI type=application/x-shockwave-flash></embed>";
});

しかし、それは何も変わりません。

どんな助けにも感謝します！

4

5 に答える 5

1

$(".main_mark").html("Your code")それ以外の$("#main_mark").innerHTML

于 2013-02-07T13:23:26.147 に答える
1

main_markは、IDではなくクラスです。.main_markを使用します

于 2013-02-07T13:24:12.077 に答える
1

html関数を使用する：http： //api.jquery.com/html/

$(".main_mark_image").click(function () {
    $("#main_mark").html("<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI type=application/x-shockwave-flash></embed>");
});
于 2013-02-07T13:24:16.537 に答える
1

@sdespontと@kmd97の両方の組み合わせを使用します

$(".main_mark_image").click(function () {
// Changed selector to class
$(".main_mark").html("<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI     type=application/x-shockwave-flash></embed>");
});
于 2013-02-07T13:26:46.113 に答える
1

試す：

$(".main_mark_image").click(function () {

    $(".main_mark").html = "<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI     type=application/x-shockwave-flash></embed>";
    });
于 2013-02-07T13:29:07.030 に答える