Question

您好我在orchard模块中的cshtml页面添加了一个jquery引用。但我的警报消息不起作用，也没有错误。我找到了同样问题的答案，但没有一个适合我。所以我很感谢你的帮助。我在Module.txt文件中添加了一个条目作为＆＃34;依赖项：设置，Orchard.jQuery＆＃34; 我的cshtml代码如下所示：

@using Orchard.UI.Resources;

@{
   Script.Require("jQuery");
   Script.Require("jQueryUI");
  }
<div>
    <button name="click" id="btnClick">
     Click here
    </button>
    <h1>Hello</h1>
  </div>

@using(Script.Foot()) {
    <script type ="text/javascript">
         $(function () {
            $("#btnClick").click(function () {
                alert("Hello");
            });
        });
    </script>

Answer 1

感谢大家就此问题向我提出建议。我自己发现了什么问题。我使用.cshtml视图，一旦渲染我检查了视图源，它没有标题，正文和页脚标记。所以脚本没有附加。当页面呈现时问题解决的布局页面:)。

Answer 2

试试这个

@using Orchard.UI.Resources;

@{
Script.Include("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js").AtHead();

 Script.Include("http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js").AtHead();
  }
<div>
    <button name="click" id="btnClick">
     Click here
    </button>
    <h1>Hello</h1>
  </div>

@using(Script.Foot()) {
    <script type ="text/javascript">
         $(function () {
            $("#btnClick").click(function () {
                alert("Hello");
            });
        });
    </script>

JQuery引用在Orchard中不起作用

2 个答案: