2013-12-19 22 views
0

我在JavaScript中有這個功能,它看起來像這樣:引導標籤選擇,以確定Ajax調用

function getlivefeed() 
{  
    var msglist = document.getElementById("updates"); 
    var type = msglist.getAttribute("data-id-type");   

    var response = $.ajax({ type: "GET", url: "iterations/live.php?type=" + type + "&token=" + Math.random(), async: false }).responseText;  
    if (response != "undefined") 
     document.getElementById("updates").innerHTML = response;           
} 

正如你可以看到這個功能看起來在一個div的數據屬性和讀取值,並使用在ajax呼叫。

我希望能夠以某種方式更改此屬性,當我更改我的選項卡的索引。

此選項卡是引導選項卡控件。

選項卡的標記是:

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#atlass" data-toggle="tab">Atlass</a></li> 
    <li><a href="#avi" data-toggle="tab">Aviation</a></li> 
    <li><a href="#proc" data-toggle="tab">Processing</a></li> 
    <li><a href="#it" data-toggle="tab">IT&S</a></li> 
</ul> 

<div class="tab-content"> 
    <div class="tab-pane active" id="atlass"><div id="updates" data-id-type="1"><div class="alert alert-default well" style="background-color: #f1f1f1"><i class="fa fa-spinner fa-spin"></i> Portal is Initilizing... Please Wait.</div></div></div> 
    <div class="tab-pane" id="avi"><div class="well" style="background-color: lightsteelblue;">Aviation Feed Will go here.</div></div> 
    <div class="tab-pane" id="proc"><div class="well" style="background-color: lightsteelblue;">Processing Feed Will go here.</div></div> 
    <div class="tab-pane" id="it"><div class="well" style="background-color: lightsteelblue;">IT&S Feed will go here.</div></div> 
</div> 

總體來說,我的問題是,如何才能讓我的工作的功能具有不同的「類型」 iterations/live.php?type=1 or type = 2 or type = 3 ECT當我改變我的選項卡索引?

很多幫助讚賞!

+0

'async:false' no !!!!! –

+1

是什麼?這對我有什麼幫助 – Dean

+0

也許Arun的意思是:「嘗試將'async'切換爲'true'」? – tomByrer

回答

1

據我瞭解你的問題,你想改變數據屬性的值的權利?

您可以使用jQuery的數據功能來改變數據屬性..

$("#atlass").data("id-type",2); 

要觸發時,標籤切換的腳本:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    e.target // activated tab 
    e.relatedTarget // previous tab 
// your logic here... 
}) 

這段代碼實際上做: 的選項卡鏈接界。無論何時用戶點擊標籤元素,該腳本都會觸發。

+0

這是正確的謝謝,但我如何觸發這取決於類型標籤我在嗎? – Dean

+0

引導程序有各種選項卡事件。我將在上面的答案中解釋... :-) –