JQuery加載動態內容關閉動態內容

我想知道是否有人能夠幫助或指向我的方向。我正在尋找像測驗一樣的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-->

來源

2012-07-21 user1542143

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

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

來源

2012-07-21 04:20:52 undefined

-1

嘗試的Live代替click

//處理控件點擊次數

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

});

來源

2012-07-21 04:18:00

$(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，所以選擇器返回一個空數組，並且不發生綁定。

來源

2012-07-21 04:25:35

JQuery加載動態內容關閉動態內容

回答

相關問題