與jQuery從另一個控制器視圖替換DIV

Question

想象我有以下「部分」，其通過一堆視圖生成：

<div id="funstuff"> 
<div>1</div> 
<div>2</div> 
<div>3</div> 
<div>4</div> 
</div> 

通過笨的使用情況，我可以重複使用次（我做很多），我想動態地用另一個視圖中的內容替換'funstuff'div。它的控制方法仍然是在同一個班級：

class FunnyThings extends CI_Controller { 

    public function index() { 
    $this->load->view('funpage_view'); 
    } 

    public function funview() { 
    $this->load->view('fun_partial_view'); 
    } 
} 

基本上，使用jQuery我可以用不同的內容替換這一觀點：

$('#funstuff').replaceWith('<div><h2>New heading</h2></div>'); 

但是，我怎麼可以從另一種觀點的內容，動態並將其替換爲我選擇的div？

感謝，

Answer 1

jQuery有所謂load()這一個方便的方法，請參閱http://api.jquery.com/load/更多的信息。

在你的情況，該行會去是這樣的：

$('#funstuff').load('FunnyThings/funview'); 

哪裏FunnyThings/funview是相對URL到控制器。

Answer 2

假設你知道其他視圖的id或class，你可以這樣做：

// if you know the class name (other-view) 
    $('#funstuff').replaceWith($(".other-view")); 

// if you know the id (other-view)  
    $('#funstuff').replaceWith($("#other-view"));