文章/答案/技术大牛

发布

社区首页 >问答首页 >引导选项卡选择以确定ajax调用

问引导选项卡选择以确定ajax调用
EN

Stack Overflow用户

提问于 2013-12-19 04:40:12

回答 1查看 217关注 0票数 0

我在javascript中有一个函数，如下所示：

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;                                        
}

如您所见，这个函数查看a 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等一起工作？

非常感谢你的帮助！

javascript

jquery

twitter-bootstrap

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-19 04:49:59

就我理解您的问题而言，您希望更改数据属性的值，对吗？

您可以使用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...
})

这段代码的实际作用是:标签链接是绑定的。每当用户单击选项卡元素时，该脚本就会触发..

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20673595

复制

相似问题

问引导选项卡选择以确定ajax调用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导选项卡选择以确定ajax调用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导选项卡选择以确定ajax调用
EN