jquery - 使用 jquery 和 modernizr 插入 html

Question

Modernizr 和 jQuery 的新手，但根据我看到的示例认为这会起作用。Modernizr 和 jQuery 脚本已加载，位于页面下方：

<div id="demo></div>
<script>
(function() {
    if (Modernizr.mq('only screen and (min-width: 500px)')) {
        $('div.demo').html('test');
    }
});
</script>

那么我到底错过了什么？谢谢。

Answer 1

我认为你需要：

$('div#demo')

#表示一个 ID。

.表示一个类。

Answer 2

您错过$了 jQuery 代码，应该是：

$(function()

以及您id为 div 指定的内容，因此您需要使用#而不是.：

$('div#demo')

Answer 3

试试这个

<script>
$(function() {
if (Modernizr.mq('only screen and (min-width: 500px)')) {
$('div#demo').html('test');
  }
});
</script>