bootstrap tab标签页面如何动态加载？

[相忘于江湖吧]

bootstrap tab标签页面如何动态加载？　如下代码

<!-- 导航区 -->
    <ul class="nav nav-tabs" role="tablist">  
		<li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>  
		<li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>  
		<li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>  
		<li role="presentation"><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>  
    </ul>  
      
    <!-- 面板区 -->  
    <div class="tab-content">  
		<div role="tabpanel" class="tab-pane active" id="home">...1</div>  
		<div role="tabpanel" class="tab-pane" id="profile">...2</div>  
		<div role="tabpanel" class="tab-pane" id="messages">...3</div>  
		<div role="tabpanel" class="tab-pane" id="settings">...4<script>alert("4444444");</script></div>  
    </div>

这样一打开，就会执行了alert("44444"); 有什么办法当点击Settings后才执行这个alert语句？

[jio可]

执行到alert的时候肯定要弹出提示了，要点击执行可以写一个事件去触发然后执行相关代码。 给Setting的li写一个点击事件

[相忘于江湖吧]

引用 1 楼 u012418098 的回复:

执行到alert的时候肯定要弹出提示了，要点击执行可以写一个事件去触发然后执行相关代码。 给Setting的li写一个点击事件

点击事件加了，现在比如要点击了home，怎么更新局部页面？

[jio可]

使用 了bootstrap tab当你点击home的时候内容会自动切换到home的content,如果要更新home content的内容可以在点击事件里面写相应的操作dom的代码