2015-11-04 25 views
1

我剛開始使用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> 

任何人可以幫助我,請讓一個解決方案嗎?

+0

如果加載了jQuery,請在Network選項卡中使用Firefox(Firebug)或Chrome(開發人員工具)進行檢查? – Serjik

回答

2

你的DOM,當您正在註冊的事件處理程序可能還沒有準備好,儘量封裝在文件的事件處理程序準備這樣

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

我也沒有看到@RenderBody()方法被調用你的佈局,也可能會給你一個錯誤。

0

首先,您在索引和佈局頁面中渲染Jquery捆綁包2次。

由於Layout.cshtml是一個母版頁,因此您必須將Jquery捆綁包僅放在母版頁中,而不是放在子索引頁中。

而且在孩子索引頁只需要使用下面的代碼:

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

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

讓我知道,如果你仍然有問題。

相關問題