2011-05-06 108 views
1

我的問題是 - 當我直接進入這個特定的頁面(newUserForm.jsp)時,我可以使用這個mehod點擊按鈕。但是當我在其他頁面導航(http://localhost:8081/home.jsp#/newUserForm.jsp)後瀏覽此頁面時,點擊不會做任何事情 - 不在屏幕上顯示名稱。 (newUserForm.jsp :)jquery mobile與ajax問題

<!DOCTYPE html> 
<html> 
<head> 
     <title>JQuery Mobile AJAX</title> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile- 1.0a2.min.css" /> 
     <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> 
</head> 
<body> 
<script> 
    $(function() 
     { 
       $("#callAjax").click(function() 
       { 
         var theName = $.trim($("#theName").val()); 
         if(theName.length > 0) 
         { 
           $.ajax({ 
             type: "POST", 
             url: "/callajax.jsp", 
             data: ({name: theName}), 
             cache: false, 
             dataType: "text", 
             success: onSuccess 
           }); 
         } 
       }); 
       $("#resultLog").ajaxError(function(event, request, settings, exception) 
       { 
         $("#resultLog").html("Error Calling: " + settings.url  + "<br />HTPP Code: " + request.status); 
       }); 
       function onSuccess(data) 
       { 
         $("#resultLog").html("Result: " + data); 
       } 
     }); 
</script> 
<div data-role="page" id="indexPage"> 
     <div data-role="header"> 
       <h1>JQuery Mobile</h1> 
     </div> 
     <div data-role="content"> 
       <div data-role="fieldcontain"> 
         <label for="theName">Please enter your name:</label> 
         <input type="text" id="theName" name="theName" value="" /> 
       </div> 
       <input id="callAjax" type="button" value="Call Ajax" /> 
       <div id="resultLog"></div> 
     </div> 
     <div data-role="footer"> 
       <h1>AJAX Demo</h1> 
     </div> 
</div> 
</body> 
</html> 

是否認爲Ajax的電話嗎?我在谷歌旅行時發現了這段代碼...

謝謝。

+0

你沒有實際使用jQuery做AJAX調用不能點擊。您使用Internet Explorer的ActiveX或兼容瀏覽器的「XMLHttpRequest」。 – BoffinbraiN 2011-05-06 12:39:32

+1

此外,您不應該嘗試使用ActiveX控制器,我們現在不再處於石器時代。 – Esko 2011-05-06 12:43:12

+0

感謝您的回答, – Hila 2011-05-06 12:56:22

回答

-2
$("#callAjax").bind('vclick',function(){...}) 

jQuery Mobile的使用V單擊,