小编Mik*_*ser的帖子

如何制作Bootstrap轮播滑块使用移动左/右滑动

DEMO JSSFIDDLE

  <div class="col-md-4">
          <!--Carousel-->
          <div id="sidebar-carousel-1" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators grey">
              <li data-target="#sidebar-carousel-1" data-slide-to="0" class="active"></li>
              <li data-target="#sidebar-carousel-1" data-slide-to="1"></li>
              <li data-target="#sidebar-carousel-1" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
              <div class="item active">
                <a href="" data-lightbox="image-1" title="">
                <img src="http://shrani.si/f/3D/13b/1rt3lPab/2/img1.jpg" alt="...">
                </a>
              </div>
              <div class="item">
                <a href="" data-lightbox="image-1" title="">
                <img src="http://shrani.si/f/S/jE/UcTuhZ6/1/img2.jpg" alt="...">
                </a>                  </div>
              <div class="item">
                <a href="" data-lightbox="image-1" title="">
                <img src="http://shrani.si/f/h/To/1yjUEZbP/img3.jpg" alt="...">
                </a>                  </div>
            </div>
             <!-- Controls -->
        <a class="left carousel-control" href="#sidebar-carousel-1" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#sidebar-carousel-1" data-slide="next">
          <span class="glyphicon …
Run Code Online (Sandbox Code Playgroud)

html css jquery carousel twitter-bootstrap-3

61
推荐指数
4
解决办法
19万
查看次数

Bootstrap按钮 - 删除Chrome OS X上的大纲

我期待实现这一目标: http://getbootstrap.com/javascript/#popovers-examples -滚动到"现场演示"和打红酥料饼按钮,在Chrome OS X上....这是完美的美丽

现在去这里(问题小孩):http://yoyo.io/javascript/#popovers -它概括蓝色,aaaargh.

如果你检查一下,你会看到一连串的CSS努力将我删除!它看起来在Safari和Firefox中是正确的,但在Chrome中没有用!

任何人 - 我在俯瞰什么?

提前谢谢了!

google-chrome focus button outline twitter-bootstrap-3

46
推荐指数
6
解决办法
8万
查看次数

IE8替代window.scrollY?

我正在尝试确定我滚动使用的像素数window.scrollY.但IE8不支持此功能.什么是安全的跨浏览器替代方案?

html javascript cross-browser internet-explorer-8

43
推荐指数
3
解决办法
4万
查看次数

对LinkedHashMap进行排序

如果LinkedHashMap包含String和Integer,我如何根据其值对LinkedHashMap进行排序.所以我需要根据整数值对它进行排序.非常感谢

java linkedhashmap

40
推荐指数
2
解决办法
6万
查看次数

使用javascript/jquery从String获取Integer值

这些是我的字符串:

"test123.00"
"yes50.00"
Run Code Online (Sandbox Code Playgroud)

我想用50.00添加123.00.

我怎样才能做到这一点?

我使用了命令parseInt()但它在警告框中显示NaN错误.

这是代码:

 str1 = "test123.00";
 str2 = "yes50.00";
 total = parseInt(str1)+parseInt(str2);
 alert(total);
Run Code Online (Sandbox Code Playgroud)

javascript jquery

36
推荐指数
2
解决办法
11万
查看次数

Bootstrap 3 Tooltip over Glyphicon

不确定这是否可能,我试图在输入组内的glyphicon上调用工具提示,我的代码(不起作用)是;

<div class="input-group">
<input type="text" class="form-control" name="security" id="security"><span class="input-group-addon"><span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-container: 'body' title="" data-original-title="Security Code"></span></span>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在使用Bootstrap 3和最新版本的jQuery.

tooltip twitter-bootstrap glyphicons

32
推荐指数
4
解决办法
6万
查看次数

在Bootstrap popover中渲染React组件

我有一组使用bootstrap popover ui组件在内容属性/参数中使用popovers的图像我想添加ReactJS MusicList组件,但我无法弄清楚语法或是否可能.

var MusicList = React.createClass({
    render : function(){
        return(<ul><li>Here</li></ul>);
    }
});

var PopoverImage = React.createClass({
    componentDidMount:function(){

        $("#"+this.getDOMNode().id).attr('data-component','<span>here</span>');
        $("#"+this.getDOMNode().id).popover({
            html:true,
            content: 
            });
    },

    render:function(){
        return(
            <img href="#" id={this.props.friend.uid+'_popover'} data-html={true} className="smallImage" src={this.props.friend.pic_small} rel="popover" data-original-title={this.props.friend.name} />

                );
    }
});
Run Code Online (Sandbox Code Playgroud)

jquery twitter-bootstrap reactjs

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

如何更改bootstrap的颜色?

好吧,我一直在尝试改变bootstrap的颜色,但它不起作用,我已经尝试将图像设置为背景(井)并且它有效,但这不是我需要的.这是我的HTML代码:

<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
Default.aspx
 </title>
<script src="Scripts/jquery-1.11.0.js" type="text/javascript"></script>    
<link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="Styles/bootstrap-theme.css" rel="stylesheet" type="text/css" />   
<link href="Styles/Default.css" rel="stylesheet" type="text/css" /> 
<script src="Scripts/bootstrap.js" type="text/javascript"></script>    
<script src="Scripts/Default.js" type="text/javascript"></script>
</head>
<body>
<div class="well well-lg"><h1 class="">TIDE File Generation</h1></div>
<div id="mainNavigator">
    <ul class="nav nav-tabs">
      <li><a href="/TideFileGeneration.aspx">Validate file</a></li>
      <li><a href="/ImportCatalogs.aspx">Catalogs</a></li>
      <li><a href="/InvoiceHistory.aspx">View History</a></li>
      <li><a href="/Reports.aspx">Reports</a></li>
    </ul>
</div>
 </body>
 </html>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS代码:

.well{
background-color: rgb(22, 105, 173);
}
Run Code Online (Sandbox Code Playgroud)

在Default.css文件中

谢谢你,问候.

html css background-color twitter-bootstrap

24
推荐指数
2
解决办法
9万
查看次数

从扩展的pug/jade模板将变量传递给基本布局

我想通过在扩展基本布局的模板中声明一个变量来在body标签上设置一个类.

当我尝试时,body_class变量undefined在布局中.

看起来布局在扩展模板之前执行,或者它们在不同的范围或其他内容中执行.

还有另外一种方法吗?mixin能在这里工作吗?

_layout.jade:

doctype html
html(lang="en-au")
    head
        meta(charset="utf-8")
        block css
    body(class=(body_class || "it-did-not-work"))
        block header
        block content
        block footer
Run Code Online (Sandbox Code Playgroud)

home.jade:

var body_class = 'i-am-the-home-page'
extends _layout
block header
    h1 home
Run Code Online (Sandbox Code Playgroud)

javascript node.js pug

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

Google Analytics内容实验:可以一次设置多个页面的变体吗?

我最近了解到有趣的新Google Analytics内容实验.(http://analytics.blogspot.nl/2012/06/helping-to-create-better-websites.html)

标准用例似乎是针对特定页面,例如产品详细信息页面,您提供变体(不同的URL)并选择测试中包含的用户百分比.这样的用户将被呈现产品详细信息页面的变体(并且将继续呈现相同的变化以用于延续/ ux原因,基于可能的cookie).

一切都很好.

但是,我说我的网站上有100个产品.仅测试其中一种产品的变体有以下缺点:

  • 由于游客数量较少,进展缓慢.
  • 测试不是孤立的.即:由于其他产品详细信息页面未包含在测试中,因此显示1个产品详细信息页面的变体页面,而所有其他产品详细信息页面显示原始可能(将)导致令人困惑的体验(因此会导致转换偏差)浏览多个产品的用户(大部分都是这样做的).

对我而言,能够将某种类型的所有产品动态地包含在同一测试中(例如:所有电视)似乎要好得多,例如通过在网址上设置一些正则表达式或其他过滤器以包含在测试中.

这样的事情目前是否有可能安排,有用或者完全没有意义?

编辑

部分解决方案似乎是"相对网址" https://support.google.com/analytics/bin/answer.py?hl=zh-CN&answer=2664470

进一步采用前面的示例,我们可以看到相对URL的使用如何让您轻松地在一组不同的原始页面上运行实验,并测试该组页面中的可视替代品(例如,e-中的产品页面)商业网站).

剩下的问题:如何动态标记哪些页面属于实验(例如:基于正则表达式)

谢谢.

google-analytics ab-testing google-experiments

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