jquery - 从 Orchard 模块页面使用 jQuery

Question

我正在尝试使用搜索表单和按钮修改 Orchard.Search 部分，以使其外观和行为符合我的要求。为此，我需要使用一些 jQuery 功能。

我将其添加到 Search.SearchForm.cshtml 文件的标题中:

Script.Require("jQuery");

我可以从页面的输出中看到 jquery 添加在 html 的底部，就在结束标记之前:

<script src="/Orchard.Web/Modules/Orchard.jQuery/scripts/jquery-1.4.2.js" type="text/javascript"></script>

看起来不错。这就是 jQuery 库所在的位置，我可以毫无问题地从该位置下载它。我还在页面中添加了一个小测试脚本，只是为了看看 jQuery 是否正常工作:

<script language="javascript" type ="text/javascript">

$(document).ready(function () { 
  alert('page loaded');
});

</script>

但它从未被触发，我得到了这个脚本错误:Uncaught ReferenceError: $ is not Defined

我已经厌倦了这个，太麻烦了，但我想我做错了......

编辑:添加了 jquery 标签并尝试了有关 Script.Foot() 的建议答案，这似乎有效:

@using(Script.Foot()) {
    <script type ="text/javascript">
    //<![CDATA[
        $(document).ready(function () {
            alert('page loaded');
        });
    //]]>
    </script>
}

Answer 1

嗯，你的那个脚本需要在包含jQuery之后出现，否则$就没有意义了。您可以通过用 @using(Script.Foot) { ...} 包围脚本来添加脚本:

@using(Script.Foot()) {
    <script type ="text/javascript">
    //<![CDATA[
    $(document).ready(function () { 
        alert('page loaded');
    });
    //]]>
    </script>
}