加載項與AJAX

Question

我期待在彈出的模式從ExpressionEngine加載項使用jQuery的Ajax調用，這個想法是當在條目標題就會打開用戶點擊顯示在全文進入一個模式它。然後，我正在尋找下一個&模式上的前一個按鈕，這將允許我移動到彈出模式中的下一個和上一個條目。 我不知道是否最好加載模板或饋送，即JSON，或者如果有另一種方式我很樂意聽到。

有沒有人嘗試這個又或者知道一個嘖，也許有幫助的。我曾經碰到過這樣的物品，其揭示了它的一些光，http://spibey.com/blog/2011/11/using-partial-views-in-the-expressionengine-control-panel-for-ajax-requests-or-similar/

Answer 1

該教程您鏈接到是控制面板。由於您正在討論前端的內容，因此您可以使用常規的舊EE標籤在EE模板中完成所有工作。

我建議一個模板組來保存你的HTML片段。在這種情況下，它可能是方便把文章本體和入口鏈接到一個單一的模板

ajax.group 
    - single_entry.html 

然後，在其最簡單的，在模板中你必須

<div id="entry-body"> 
    {exp:channel:entries channel="channel_name_here" entry_id="{segment_3}"} 
     <h2>{title}</h2> 
     {body} 
    {/exp:channel:entries} 
</div> 

<div id="entry-links"> 
    {exp:channel:next_entry}   
     <a href="{path='ajax/single_entry'}" class="next">Next</a> 
    {/exp:channel:next_entry} 
    {exp:channel:prev_entry} 
     <a href="{path='ajax/single_entry'}" class="prev">Previous</a> 
    {/exp:channel:prev_entry} 
</div> 

當你請求那些使用ajax的片段，請確保將當前的entry_id或url_title作爲網址段傳遞，以便片段模板爲您加載正確的數據。您可以將選擇器傳遞給load()以獲取所需的html塊並將其加載到頁面上的相應容器中。簡單地說，像

$('#entry-container').load('ajax/single_entry/2 #entry-body'); 
$('#entry-links').load('ajax/single_entry/2 #entry-links'); 

其中2爲您加載項的entry_id。請參閱http://api.jquery.com/on/

最後，您需要在下一個和上一個條目鏈接上有jQuery事件偵聽器，以便它們觸發jQuery load()加載下一個條目。這是.next鏈接的一個例子。

$(document).on('click', '.next', function(event) { 
    var url = $(this).attr('href'); 
    $('#entry-container').load(url); // load the html into your chosen DOM element 
    event.preventDefault(); // prevent the browser from navigating to this page  
}); 

見http://api.jquery.com/on/您使用哪種模式插件