以下是动态添加/删除引导选项卡的代码段.一切正常,但我希望新创建的选项卡处于活动状态并且处于焦点,而不是用于动态添加选项卡的选项卡.
这是小提琴:http://jsfiddle.net/isherwood/F33Av/4/
这是有问题的代码:
HTML:
<div class="container">
<ul class="nav nav-tabs">
<li class="active"><a href="#contact_01" data-toggle="tab">Joe Smith</a><span>x</span></li>
<li><a href="#contact_02" data-toggle="tab">Molly Lewis</a><span>x</span> </li>
<li><a href="#" class="add-contact" data-toggle="tab">+ Add Contact</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="contact_01">Contact Form: Joe Smith</div>
<div class="tab-pane" id="contact_02">Contact Form: Molly Lewis</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
$(".nav-tabs").on("click", "a", function(e){
e.preventDefault();
$(this).tab('show');
})
.on("click", "span", function () {
var anchor = $(this).siblings('a');
$(anchor.attr('href')).remove();
$(this).parent().remove();
$(".nav-tabs li").children('a').first().click();
});
$('.add-contact').click(function(e) {
e.preventDefault();
var id = $(".nav-tabs").children().length; //think about it ;)
$(this).closest('li').before('<li><a href="#contact_'+id+'">New …Run Code Online (Sandbox Code Playgroud) 我在同一页面上显示了两个或多个flot图表,并使用flot.navigate插件进行拖动和缩放.我可以独立于其他图表缩放和拖动单个图表,但我希望其他图表与应用导航操作的图表一起移动或缩放.有些页面可能只有两个图表,其中一些页面在同一页面上有五个或六个
我的小提琴有两个图表显示,一个可以缩放(鼠标滚动)或只拖动一个图表.任何想法或帮助都非常感谢.谢谢.
http://jsfiddle.net/mashinista/cPNNJ/
<div id="placeholder1" style="width: 600px; height: 300px; padding: 0px; position: relative; cursor: auto;"></div>
$(function () {
var d1 = [];
for (var i = 0; i < Math.PI * 2; i += 0.25)
d1.push([i, Math.sin(i)]);
var data = [ d1 ];
var d2 = [];
for (var i = 0; i < Math.PI * 2; i += 0.25)
d2.push([i, Math.cos(i)]);
var data2 = [ d2 ];
var options = {
series: { lines: { show: true }, shadowSize: …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用ESC按键关闭引导程序弹出窗口。
但是在使用时它似乎不起作用:
$(document).keyup(function (event) {
if (event.which === 27) {
$('#example').popover('hide');
}
});
Run Code Online (Sandbox Code Playgroud)
这是引导程序弹出窗口的小提琴: