小编Tre*_*vor的帖子

表格的Bootstrap 3可滚动div

我正在使用Bootstrap 3,顶部有一个导航栏,另一个页面显示使用Bootstrap 3的表类格式化的表格.我希望表(它位于自己的div中)是可滚动页面的唯一部分(当表中数据的宽度/高度超过页面的宽度/高度时).我为表格设置了div的样式如下:

.mygrid-wrapper-div {
    overflow: scroll;
    height: 200px;
}
Run Code Online (Sandbox Code Playgroud)

我有一个小提琴说明这一点,我在div周围添加了一个丑陋的5px红色边框,以突出显示我想要滚动的区域:

http://jsfiddle.net/4NB2N/4/

请注意,从左到右滚动效果很好 - 我没有做任何事情来使其工作,并且div也会在调整窗口大小时自动调整滚动条.但是,我不知道如何设置div的高度以相同的方式行事 - 我硬编码了200px的值,但我真的希望div填充窗口的"休息",这样当浏览器调整大小时它仍然有效.

如何使div在水平和垂直方向上表现相同?

javascript css jquery twitter-bootstrap

65
推荐指数
2
解决办法
21万
查看次数

Bootstrap单选按钮"已选中"标志

在#1工作的情况下,如果#2它不起作用.检查下面的代码:

<div class="container">
    <div class="row">
        <h1>Radio Group #1</h1>
        <label class="radio-inline">
          <input name="radioGroup" id="radio1" value="option1" type="radio"> 1
        </label>
        <label class="radio-inline">
          <input name="radioGroup" id="radio2" value="option2" checked="checked" type="radio"> 2
        </label>
        <label class="radio-inline">
          <input name="radioGroup" id="radio3" value="option3" type="radio"> 3
        </label>
    </div>
    <div class="row">
        <h1>Radio Group #2</h1>
        <label for="year" class="control-label input-group">Year</label>
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default">
                <input name="year" value="2011" type="radio">2011
            </label>
            <label class="btn btn-default">
                <input name="year" value="2012" type="radio">2012
            </label>
            <label class="btn btn-default">
                <input name="year" value="2013" checked="checked" type="radio">2013
            </label>
        </div>  
    </div>  
</div>
Run Code Online (Sandbox Code Playgroud)

你可以在这里看到它:http: …

html radio-button twitter-bootstrap

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

单击主题下拉菜单后如何动态更改主题

我正在使用bootstrap作为我正在开发的网站的界面.我还计划将bootswatch主题集成到我的网站.我创建了一个包含bootswatch不同主题的下拉菜单.我的问题是当我点击下拉菜单中的一个主题时如何切换主题?

twitter-bootstrap bootswatch

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

如何使用Chromium发送帖子和标题数据?

我试图将一些代码从TWebBrowser转换为Chromium,但我很难搞清楚如何使用HTTP请求发送post和header数据.

下面是我正在尝试实现的TWebBrowser功能.

var
VHeader, PostData: OleVariant;


PostData := VarArrayCreate([0, Length(XMLString) - 1], varByte) ;    
HeaderData := 'Content-Type: application/x-www-form-urlencoded'+ '\n';

WebBrowser1.Navigate(StrUrl,EmptyParam,EmptyParam,PostData,VHeader);
Run Code Online (Sandbox Code Playgroud)

我如何使用Chromium进行等效操作?

delphi chromium delphi-xe

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

使用tabindex =" - 1"的模态将焦点放在选项卡上

我正在使用Twitter Bootstrap,我在模态的tabindex中遇到一个奇怪的问题:

我正试图通过模态中的表单元素进行选项卡,但在最后一个按钮之后焦点消失,然后返回关闭按钮.我在控制台中添加了一行来记录哪个元素正在被聚焦,并且它原来是模态本身,即使它有tabindex="-1".

我无法分享我的代码,但快速查看Bootstrap文档告诉我,它也发生在他们的示例模式中.问题是可重现的:

  1. 访问http://getbootstrap.com/2.3.2/javascript.html#modals
  2. 打开演示模式("启动演示模态"按钮)
  3. 选中字段.在"保存更改"之后,您将在返回关闭按钮之前失去焦点.

只要模态(或实际上任何元素tabindex="-1")获得焦点,将其置于控制台中就会记录.

$('[tabindex="-1"]').focus(function(){
    console.log('Focus is on an element with negative tabindex')
});
Run Code Online (Sandbox Code Playgroud)

(当你单击模态时它也会记录它,但这超出了范围).

为什么会这样?我怎么能阻止这个?这是一个浏览器错误,Twitter Bootstrap的错误/功能,还是完全不同的东西?

jquery tabindex twitter-bootstrap

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

如何使用http post上传文件?德尔福2009

我的目标是通过HTTP post上传文本文件我正在使用Delphi 2009.

比如说以下网址

https://www.example.com/ex/exampleAPI.asmx/Process

我知道可以使用TIdHttp组件来完成.以下是电话

IdHttp1.Post();
Run Code Online (Sandbox Code Playgroud)

但我无法弄清楚如何设置所有内容,即指定网址并包含要发布的文件.

谢谢.

delphi file-upload indy http-post delphi-2009

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

为什么Draggable对象具有缓慢的占位符?

我真的没有问题但是,我注意到Draggable对象有时会有缓慢的占位符.

我做了这个测试:http://jsfiddle.net/X3Vmc/

    $(function () {         
        $("#myproducts li").draggable({
            /*appendTo: "body",*/
            helper: "clone",
            connectToSortable: "#mylist",
            tolerance: "pointer"
        });
        $("#mylist").sortable({
            placeholder: "sortable-placeholder", 

            over: function () {
                console.log("over");

            },
            out: function () {
                console.log("out");
            }
        });
    });
Run Code Online (Sandbox Code Playgroud)

在draggable中添加列表对象很容易没有问题,但是当我尝试移动可拖动对象中的元素时,我发现红色占位符的移动速度很慢.

我的意思是,有时候水平移动元素,占位符会有更多时间移动(更新其位置).我必须在新位置移动鼠标以更新占位符的位置.我想让它更具反应性.这可能吗?

编辑:

在此输入图像描述

看一下图片.如你所见,我正在第一个和第二个位置之间移动一个元素(从第四个位置).正如您所看到的,占位符远离那里.

编辑2:

我正在使用*Chromium 30.0.1599.114 Ubuntu 13.10(30.0.1599.114-0ubuntu0.13.10.2)*

javascript jquery jquery-ui jquery-ui-sortable jquery-draggable

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

我该如何解决这个问题?单元类型存在于两个dll文件中

我目前正在使用Visual Studio 11 beta进行教程.尝试在我的一个类中设置字段值的最大长度时:

[MaxLength(50)]
public string LastName { get; set; }
Run Code Online (Sandbox Code Playgroud)

它出错并且不会让我编译因为MaxLength()函数存在于两个地方:

错误4类型' System.ComponentModel.DataAnnotations .MaxLengthAttribute'存在于'c:\ Users\me\Documents\Visual Studio 11\ContosoUniversity\packages\EntityFramework.4.1.10331.0\lib \net40\EntityFramework.dll'和' c:\ Program Files(x86)\ Reference Assemblies\Microsoft\Framework.NETFramework\v4.5\System.ComponentModel.DataAnnotations.dll'

我试图删除这两个文件,但这只会导致更多问题,因为我的项目中的其他代码依赖于它们.

有没有办法告诉它使用其中一种?

所有这些方法似乎都不适合我..请参阅答案下的评论..还有其他想法吗?

谢谢

c# dll asp.net-mvc controller visual-studio

7
推荐指数
3
解决办法
2万
查看次数

blockUI异常'parentNode'未定义

我有巨大的JavaScript代码,并通过你的blockUI.js阻止解锁UI(http://malsup.com/jquery/block/)

我得到"无法读取未定义的属性'parentNode"随机异常.

似乎我的代码中的阻塞/解除阻塞序列已经脱离了sync.ex. 因为有多个html模板,它可能会阻塞两次并解锁一次,反之亦然.我很难分析所有代码并修复订单.

我能够产生一个问题的小提琴.有人可以看看并建议快速解决?

http://jsfiddle.net/pareshvarde/D8KW4/

<script type="text/javascript">
    $(function () {
        $("#blockButton").click(function () {
            myBlock($('#blockSection'));
        });

        window.setInterval(function () {
            myBlock();
            myBlock($('#blockSection'));
            window.setTimeout(function () {
                myUnblock();
                myUnblock($('#blockSection'));
            }, 5000)
        }, 2000);

        $("#unBlockButton").click(function () {
            myUnblock($('#blockSection'));
        });
    });

    myBlock = function (surroundingControl, message) {
        console.log('blocking');

        if (message)
            $("#loader h4").text(message);
        else
            $("#loader h4").text('Loading...');

        if (surroundingControl)
            surroundingControl.block({ message: $('#loader'), baseZ: 1200 });
        else {
            $.blockUI.defaults.message = $('#loader');
            $.blockUI.defaults.baseZ = 1200;
            $.blockUI.apply();
        }
    };

    myUnblock = function (surroundingControl) {
        console.log('unblocking');

        if (surroundingControl)
            surroundingControl.unblock(); …
Run Code Online (Sandbox Code Playgroud)

jquery blockui jquery-blockui

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

Bootstrap Sidebar Scrolling,Affix&Scrollspy

NEWER

所以滚动现在正在运行......但它已固定在页面顶部.我需要它在正确的位置(在内容旁边),然后开始滚动它的内容的当前位置.

我试图让我的侧边栏像这样滚动 - > http://getbootstrap.com/2.3.2/components.html

该网站是http://www.katyasarmiento.zzl.org(目前是一个免费的托管网站)


较旧的

我真的很难过.我已经把所有的东西都抬起来了,我仍然无法理解.我通过我发现的教程让它工作了一段时间,但它与ScrollSpy不兼容.所以我正在尝试使用Bootstrap的Affix.

我是javascript/jquery的新手,所以如果有人可以查看我的网站并查看我做错了什么.

ScrollSpy现在正在工作我认为,我只是不能让侧边栏滚动页面.

javascript css jquery twitter-bootstrap

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