2012-07-21 209 views
2

我想知道是否有人能夠幫助或指向我的方向。我正在尋找像測驗一樣的Web應用程序。我需要的是能夠從動態創建的按鈕或href中加載動態內容,在這種情況下,它將鏈接到其他內容。到目前爲止,它似乎沒有運作,我得到一個頁面沒有找到每次我點擊按鈕。似乎沒有通過名稱傳遞.php。我已經在dynmaic內容div之外測試了它,它工作正常,但我真的需要它在裏面工作。 我到目前爲止有:JQuery加載動態內容關閉動態內容

的index.php

<body> 
<div class="container_12"> 

    <div id="content"> 
    <!--dynamic content loads here--> 
    </div> 
</div> 

</body> 

的login.php

<h1> Login Page </h1> 
    <p> this is a test to c if works </p> 
     <a href='Suitable'>Hello</a> <!--button that doesnt work--> 

general.js

$(document).ready(function() { 

//initial 
    $('#content').load('Login.php'); 

    //Handle widget Clicks 
    $('div#content a').click(function() { 
     var page = $(this).attr('href'); 
     $('#content').load('pages/' + page +'.php'); 
     return false; 

    }); 
}); 

Suitable.php

<h1> Working </h1> 
<!-- content thats not loading off button--> 

回答

2

你應該委託click事件動態加載內容,請嘗試以下操作:

$('#content').on('click', 'a', function(e) { 
    e.preventDefault() 
    var page = $(this).attr('href'); 
    $('#content').load('pages/' + page +'.php'); 
}); 
-1

嘗試的Live代替click

//處理控件點擊次數

$('div#content a').live('click',function() { 
    var page = $(this).attr('href'); 
    $('#content').load('pages/' + page +'.php'); 
    return false; 

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

    //initial 
    $('#content').load('Login.php', function(){ 
     //Handle widget Clicks 
     $('div#content a').click(function() { 
      var page = $(this).attr('href'); 
      $('#content').load('pages/' + page +'.php'); 
      return false; 

     }); 

    }); 

}); 

說明:

load是異步的。 JS引擎不會在它進入下一行之前等待它完成。結果是,當您的click綁定執行時,div#content中沒有a,所以選擇器返回一個空數組,並且不發生綁定。