當頁面加載時JQuery函數沒有執行

我對jQuery的開發很新，並且正在構建一個樣例項目來試用它。我遇到一個頁面加載問題，因爲調用Web服務的JavaScript函數在加載頁面時不會執行。我希望在第一次加載頁面或隨後從其他頁面中的鏈接顯示頁面時執行JS函數。感謝任何人都可以提供這方面的指導。當頁面加載時JQuery函數沒有執行

<meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="jquery.mobile-1.2.0/demos/css/themes/default/jquery.mobile-1.2.0.css" /> 
    <script type="text/javascript" src="jquery.mobile-1.2.0/demos/js/jquery.js"></script> 
    <script type="text/javascript" src="jquery.mobile-1.2.0/demos/docs/_assets/js/jqm-docs.js"></script> 
    <script type="text/javascript" src="jquery.mobile-1.2.0/demos/js/jquery.mobile-1.2.0.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $.ajax("http://localhost:8098/CustomerService.svc/GetCustomerList", 
      { 
       beforeSend: function (xhr) { 
        // $.mobile.showPageLoadingMsg(); 
       }, 
       complete: function() { 
        // $.mobile.hidePageLoadingMsg(); 
       }, 
       contentType: 'application/json', 
       dataType: 'jsonp', 
       jsonp: 'callback', 
       type: 'GET', 
       error: function (xhr, ajaxOptions, thrownError) { 
        alert(xhr.status); 
        alert(xhr.responseText); 
        //alert(thrownError); 
       }, 
       success: function (data) { 
        var result = data.GetCustomerListResult; 

        $.each(result, function (index, output) { 
         $('#CustomerList').append('<li data-theme="c"><a href="RewardMember_Find.html?CustomerNo=' + output.CustomerNo + '" data-transition="slide">' + 
         '<div style="text-align:center; width:80px; float:left;"><img alt="" src="images/' + output.PhotoImage + '"/></div>' + 
         '<div style="padding-left:85px; color:#575749;"><h2>' + output.CustomerLastName + ' ' + output.CustomerFirstName + '</h2>' + 
          '<table style="vertical-align:top; font-size:10px;width:100%;">' + 
           '<tr style="text-align:left;">' + 
            '<td style="font-weight:bold; width:30%;">Member Since: </td>' + 
            '<td style="padding-left:5px;color:#FF6600;">' + output.StartDate + '</td>' + 
           '</tr>' + 
           '<tr style="text-align:left;">' + 
            '<td style="font-weight:bold;">Residential Loc: </td>' + 
            '<td style="text-padding-left:5px;color:#FF6600;">' + output.ResidentialLocation + '</td>' + 
           '</tr>' + 
          '</table>' + 
         '</div>' + 
         '</a></li>'); 
        }); 

        $('#CustomerList').listview('refresh'); 
       } 
      }); 
     });

來源

2012-10-20 limsg

$.ajax("http://localhost:8098/CustomerService.svc/GetCustomerList", 
      {

此行被認爲是

$.ajax({ 
     url : "http://localhost:8098/CustomerService.svc/GetCustomerList",

來源

2012-10-20 02:09:51

我部署中，我遇到的有關問題IIS的項目，但是當負載html頁面本地，頁面能夠自動運行這些功能。從Web服務器運行時爲什麼不執行的任何特定原因？上面我的原始URL正在工作。 – limsg

當頁面加載時JQuery函數沒有執行

回答

相關問題