在asp.net主页中使用JQuery

Question

当我在母版页中使用时,JQuery无法识别标签.以下代码:

<script type="text/javascript">
    $("body").append('<div id="test"><p>Hello</p></div>');
</script>

在普通页面中正常工作,但当主体在母版页中并且我将相同的代码放在母版页中时 - 没有任何反应!

如何从ASP母版页面附加到页面正文？这有什么诀窍吗？

任何帮助将不胜感激.

标记.

Answer 1

看起来你需要将它包装在document.ready块中,这样会在页面准备就绪时发生.

记住ASP.NET页面生命周期(请参阅此处以获取参考).我认为这在你的基页而不是在母版页中有效,因为一旦基页加载,页面就准备就绪,而不是在加载母版页时.

<script type="text/javascript">
    $(function() {
        $("body").append('<div id="test"><p>Hello</p></div>');
    });
</script>

这也是一样的

<script type="text/javascript">
    $(document).ready(function() {
        $("body").append('<div id="test"><p>Hello</p></div>');
    });
</script>