如何通過點擊與jQuery手機div來請求頁面內容？

我想抓取數據形式的回調頁面（PHP）並將其加載到一個HTML div與jQuery手機。如果用戶點擊另一個div，就會發生這種情況。如何通過點擊與jQuery手機div來請求頁面內容？

什麼事實上，我是

$.('#home-button').bind('vclick', function(e) { 
    $.get('homeCallback.php',function(data){ 
     $('#displayContent').append(data).trigger('create'); 
    },'html'); 
});

哪裏#home-button是應該觸發事件和#displayContent股利，其中的內容應該放在專區請求應該能夠傳遞一些參數，也。像homeCallback.php?param=1但它也可以使用post方法。回調函數不一定只是html，也可能是回調PHP腳本提供JSON數據或任何東西。

我不是JS裂縫，所以我有解決這個問題的問題。謝謝你的幫助！

編輯： 所以我發現我自己的解決方案：

$(document).ready(function() { 
    $.ajaxSetup ({ 
     cache: false 
    }); 

    var ajaxLoader = '<img src="images/ajax-loader.gif" alt="loading.." />'; 
    var loadUrl = "homeCallback.php"; 

    $('#home-button1').click(function(){ 
     $('#displayContent').toggle('fast', function() { 
      $(this).html(ajaxLoader); 
      $(this).toggle('fast', function() { 
       $.get(loadUrl + '?option1',function(data){ 
        $('#displayContent').html(data); 
       },'html');     
      }); 
     }); 
    }); 

    $('#home-button2').click(function(){ 
     $('#displayContent').toggle('fast', function() { 
      $(this).html(ajaxLoader); 
      $(this).toggle('fast', function() { 
       $.get(loadUrl + '?option2',function(data){ 
        $('#displayContent').html(data); 
       },'html');     
      }); 
     }); 
    }); 
});

而這正是homeCallback.php只是做..

<?php 
if(isset($_GET["option1"])) 
    echo "option1"; 
if(isset($_GET["option2"])) 
    echo "option2";

至今。

來源

2011-09-11 dnl

這很好，但我會考慮使用適當的jQM頁面事件，而不是'$（document）.ready'，特別是如果您打算將頁面添加到您的應用程序。 – Ben

$.('#home-button').bind('click', function() { 
    $.ajax({ 
     url: "homeCallback.php", 
     type: "POST", 
     data: ({param: 1, param2: 2}), 
     success: function(html){ 
      $("#displayContent").html(html); 
     } 
    }); 
});

來源

2011-09-11 17:06:27 v42

謝謝你的回答，但我自己找到了解決方案。將在這裏發佈.. – dnl

如何通過點擊與jQuery手機div來請求頁面內容？

回答

相關問題