2015-04-16 55 views
0

我有一個標籤選擇更改的偵聽器,並希望能夠加載在一個div元素內容中的HTML加載,每次我點擊頁面標籤: 然而,只有下列作品第一次。隨後在選項卡上單擊,頁面(或div區域)爲空。無法格不止一次

tabSelectionHandler = function (event, ui) { 
    // .... code to get tab that was clicked 
    //..code to get URL 
    var nextURL = PAGE_URL[tabName]; 
    $('#' + tabName + 'Content').load(nextURL, function (responseTxt, statusTxt, xhr) {}); 
} 

我希望每次點擊內容時都會加載內容,因爲內容可能是動態的..我該怎麼做?

+0

我想你使用jquery標籤? – MaVRoSCy

+0

我使用的是建立在jQuery的標籤頂部的標籤.. – user2589299

+0

你看到加載HTML頁面不止一次div元素中的一個問題? – user2589299

回答

0

我如何做到這一點是這樣的:

假設我有以下HTML:

<div id="tabs"> 
      <ul> 
       <li><a href="#tabs-1">abc</a></li> 
       <li><a href="#tabs-2">xyz</a></li> 
      </ul> 
      <div id="tabs-1"></div> 
      <div id="tabs-2"></div> 
</div> 

然後你就可以訪問每個選項卡是這樣的:

$('#tabs').tabs({ 
    activate: function (event, ui) { 
     var active = $("#tabs").tabs("option", "active"); 
     var tabId = $("#tabs ul>li a").eq(active).attr('href'); 
     if (tabId === "#tabs-1") { 
      //set url here 
      loadHtml(tabId,url); 
     } else if (tabId === "#tabs-2") { 
      //set url here 
      loadHtml(tabId,url); 
     } 
    } 
}); 

,然後有一個

function loadHtml(id,url){ 
    $('#'+id).html("some html here"); 
    //you can place an ajax call here or whatever is suitable 
    //In your case that would be something like 
    //$('#' + id).load(url); 
} 
:加載內容的JavaScript函數

希望幫助