小编use*_*556的帖子

在Bootstrap中动态添加/删除选项卡 - 激活创建的选项卡

以下是动态添加/删除引导选项卡的代码段.一切正常,但我希望新创建的选项卡处于活动状态并且处于焦点,而不是用于动态添加选项卡的选项卡.

这是小提琴: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)

javascript jquery tabs twitter-bootstrap

18
推荐指数
1
解决办法
5万
查看次数

绘图图表 - 使用flot.navigate插件同时拖动/缩放两个或多个图表

我在同一页面上显示了两个或多个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)

navigation jquery graph flot

5
推荐指数
1
解决办法
3425
查看次数

在 esc 按键上关闭 Bootstrap 弹出窗口

我正在尝试使用ESC按键关闭引导程序弹出窗口。

但是在使用时它似乎不起作用:

$(document).keyup(function (event) {
    if (event.which === 27) {
        $('#example').popover('hide');
    }
});         
Run Code Online (Sandbox Code Playgroud)

这是引导程序弹出窗口的小提琴:

http://jsfiddle.net/mashinista/b2NKt/

javascript jquery twitter-bootstrap

1
推荐指数
1
解决办法
4356
查看次数

标签 统计

jquery ×3

javascript ×2

twitter-bootstrap ×2

flot ×1

graph ×1

navigation ×1

tabs ×1