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>";
});

但它不会改变任何东西..

任何帮助 aapreciated！

4

5 回答 5

1

Try: 

$(".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 回答
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").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 回答