Jquery Mobile document.ready未從視圖中調用

我無法獲取document.ready事件或附加按鈕單擊事件。我在這裏失蹤了什麼？Jquery Mobile document.ready未從視圖中調用

這是我的看法是如何的樣子：

@section script 
{ 
    <script language="javascript" type="text/javascript"> 
$(document.ready(function(){ 

    alert('Hello'); 

}); 

     $('#btnGo').bind('click', function() { 
      alert('User clicked button'); 
     }); 

    </script> 
} 
<input type="text" id="txtStop" /> 
<input type="button" id="btnGo" value="Get Schedule" />

這是我的佈局文件看起來像：

<html> 
<head> 
    <link href="../../Content/themes/base/jquery.mobile-1.0b3.css" rel="stylesheet" type="text/css" /> 
    <script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script> 
    <script src="../../Scripts/jquery.mobile-1.0b3.js" type="text/javascript"></script> 

</head> 
@RenderSection("script") 
<body> 
    <div data-role="page"> 
     <div data-role="header"> 
     </div> 
     <div data-role="content">@RenderBody()</div> 
     <div data-role="footer"> 
      <h4>Page Footer</h4> 
     </div> 
    </div> 
</body> 
</html>

來源

2011-11-11 Asdfg

你不聲明的document.ready正確

目前它是 $(document.ready(function(){

它或者ne EDS是

$(function(){ 
    alert('Document is ready!'); 
    $('#btnGo').bind('click', function() { 
     alert('User clicked button'); 
    }); 
});

或

$(document).ready(function(){ .... });

來源

2011-11-11 03:18:19

你在你的腳本錯誤（不正確的支撐和括號）。將其更改爲：

<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
    alert('Hello'); 
    $('#btnGo').bind('click', function() { 
     alert('User clicked button'); 
    }); 
}); 
</script>

在錯誤控制檯中會顯示javascript錯誤，告訴您此問題。

來源

2011-11-11 03:20:37 jfriend00

實際上，你甚至不需要準備好文檔事件。只需在頁面上存在按鈕之後的某個位置放置綁定事件即可。無論您是否使用jquery mobile，這都是通用的，只要它存在於DOM中，就可以將事件處理程序綁定到對象。根據您在頁面上加載多少以及需要多長時間，這可能是一種更高性能的處理方式。

<head> 
    ... 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
    ... 
</head> 
<body> 
    ... 
    <a href="#linkToWhatever" id="btnGo" data-role="button">click me</a> 
    ... 
    <script type="text/javascript"> 
     $('#btnGo').bind('click', function() { 
      alert('User clicked button'); 
     }); 
    </script> 
</body>

來源

2011-11-11 04:03:22 sgliser

Jquery Mobile document.ready未從視圖中調用

回答

相關問題