无法在我的mvc.net项目中使用jquery

我刚开始使用ASP.Net MVC4项目。我想用jQuery工作在我的项目的点击事件，但我不能当我在layout.cshtml和指数（家）包括jQuery来获得成功，甚至页面如下，无法在我的mvc.net项目中使用jquery

指数（家）：

@Scripts.Render("~/bundles/jquery") 

$("#searchId").click(function() { 
     alert("Serach was clicked."); 
    });

Layout.cshtml：

<body> 
    @Scripts.Render("~/bundles/jquery") 

    <p><input type="button" value="search" id="searchId" /></p> 
</body>

任何人可以帮助我，请让一个解决方案吗？

如果加载了jQuery，请在Network选项卡中使用Firefox（Firebug）或Chrome（开发人员工具）进行检查？ – Serjik

你的DOM，当您正在注册的事件处理程序可能还没有准备好，尽量封装在文件的事件处理程序准备这样

$(document).ready(function(){ 
    $("#searchId").click(function() { 
     alert("Serach was clicked."); 
    }); 
});

我也没有看到@RenderBody（）方法被调用你的布局，也可能会给你一个错误。

2015-11-04 08:04:07

首先，您在索引和布局页面中渲染Jquery捆绑包2次。

由于Layout.cshtml是一个母版页，因此您必须将Jquery捆绑包仅放在母版页中，而不是放在子索引页中。

而且在孩子索引页只需要使用下面的代码：

$(document).ready(function(){ 
    $("#searchId").click(function() { 
    alert("Serach was clicked."); 
    }); 
});

或

$("#searchId").on("click", function() { 
    alert("Serach was clicked."); 
});

让我知道，如果你仍然有问题。

2015-11-04 08:14:39 Rakib

回答