用同一div替換div onclick與jQuery

我想用一個按鈕替換一個div容器與jQuery onclick，但我不知道該怎麼做。我試過這個：用同一div替換div onclick與jQuery

jQuery(document).click(function() { 
("#dynamic").load("single.php #partial_index"); 
});

但是我該如何替換它呢？現在它不會出現，如果我點擊它（它什麼都不做），但這是正常的，我猜是因爲我沒有聲明替換div。有什麼變化可以讓我做這項工作嗎？

我想用一個名爲test的ID替換一個div，如果我點擊動態按鈕。我希望它被single.php #partial_index所取代。該按鈕現在不做任何事情。

來源

2013-07-19 Johan

$("#dynamic").click(function() { 
    $('#test').replaceWith($('#partial_index')); 
});

來源

2013-07-19 14:44:17 Krishna

不，它說'失蹤）後的參數列表 ' – Johan

我已經編輯我的答案關閉括號..看看你是否已經關閉了括號正確 – Krishna

此代碼現在所做的是將單擊處理程序綁定到文檔。當用戶點擊該文件，它加載single.php #partial_index到#dynamic元素（儘管它缺少$：$('#dynamic')

這裏就是我想你想：

$('#dynamic').click(function() { 
    $('#test').load("single.php #partial_index"); 
});

來源

2013-07-19 14:42:16

什麼也沒有發生的onclick ... – Johan

檢查您的JavaScript控制檯和網絡選項卡是否有錯誤。 –

這不是我的問題的答案。它不會取代一個東西。 – Johan

首先，請確保您的主要代碼是INSIDE在DOM準備好結構，像這樣：

jQuery(document).ready(function() { 
    // This fires when the DOM has loaded (thus all your link(stylesheet) and script includes at the very least 
});

裏面你的功能，我看你使用（ '#dynamic'），wheras它缺少$ jQuery的全球或jQuery的namespa CE本身，使用它像這樣：

jQuery('#dynamic');

或者

$('#dynamic');

接下來，你有你想要用來替換一個div裏面內容的按鈕？

$('button').click(function() { 
    $('#dynamic').load('single.php#partial_index'); 
});

您也可以用新元素替換您的內容，就像這樣：

$('#dynamic').replaceWith($('<div>I am a new jQuery dynamic element!</div>'));

來源

2013-07-19 14:43:33 ReSpawN

感謝您的回答，我想這一點： '' 但它什麼也沒做？ – Johan

Upvote for your work。 – Johan

未經測試，但像這樣的東西應該工作

$("#dynamic").click(function() { 
    $("<div />").attr("id", "#partial_index").load("single.php #partial_index", function(data){ 
     var newDiv = $(this).html(data); 
     $('#test').replaceWith(newDiv) 
    }) 
});

來源

2013-07-19 14:58:36

感謝您的回答詹姆斯，但什麼也沒有發生任何。 – Johan

Upvote爲您的工作。謝謝 – Johan

用同一div替換div onclick與jQuery

回答

相關問題