我正在使用Bootstrap 3,顶部有一个导航栏,另一个页面显示使用Bootstrap 3的表类格式化的表格.我希望表(它位于自己的div中)是可滚动页面的唯一部分(当表中数据的宽度/高度超过页面的宽度/高度时).我为表格设置了div的样式如下:
.mygrid-wrapper-div {
overflow: scroll;
height: 200px;
}
Run Code Online (Sandbox Code Playgroud)
我有一个小提琴说明这一点,我在div周围添加了一个丑陋的5px红色边框,以突出显示我想要滚动的区域:
请注意,从左到右滚动效果很好 - 我没有做任何事情来使其工作,并且div也会在调整窗口大小时自动调整滚动条.但是,我不知道如何设置div的高度以相同的方式行事 - 我硬编码了200px的值,但我真的希望div填充窗口的"休息",这样当浏览器调整大小时它仍然有效.
如何使div在水平和垂直方向上表现相同?
在#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: …
我正在使用bootstrap作为我正在开发的网站的界面.我还计划将bootswatch主题集成到我的网站.我创建了一个包含bootswatch不同主题的下拉菜单.我的问题是当我点击下拉菜单中的一个主题时如何切换主题?
我试图将一些代码从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进行等效操作?
我正在使用Twitter Bootstrap,我在模态的tabindex中遇到一个奇怪的问题:
我正试图通过模态中的表单元素进行选项卡,但在最后一个按钮之后焦点消失,然后返回关闭按钮.我在控制台中添加了一行来记录哪个元素正在被聚焦,并且它原来是模态本身,即使它有tabindex="-1"
.
我无法分享我的代码,但快速查看Bootstrap文档告诉我,它也发生在他们的示例模式中.问题是可重现的:
只要模态(或实际上任何元素tabindex="-1"
)获得焦点,将其置于控制台中就会记录.
$('[tabindex="-1"]').focus(function(){
console.log('Focus is on an element with negative tabindex')
});
Run Code Online (Sandbox Code Playgroud)
(当你单击模态时它也会记录它,但这超出了范围).
为什么会这样?我怎么能阻止这个?这是一个浏览器错误,Twitter Bootstrap的错误/功能,还是完全不同的东西?
我的目标是通过HTTP post上传文本文件我正在使用Delphi 2009.
比如说以下网址
https://www.example.com/ex/exampleAPI.asmx/Process
我知道可以使用TIdHttp组件来完成.以下是电话
IdHttp1.Post();
Run Code Online (Sandbox Code Playgroud)
但我无法弄清楚如何设置所有内容,即指定网址并包含要发布的文件.
谢谢.
我真的没有问题但是,我注意到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
我目前正在使用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'
我试图删除这两个文件,但这只会导致更多问题,因为我的项目中的其他代码依赖于它们.
有没有办法告诉它使用其中一种?
所有这些方法似乎都不适合我..请参阅答案下的评论..还有其他想法吗?
谢谢
我有巨大的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) NEWER
所以滚动现在正在运行......但它已固定在页面顶部.我需要它在正确的位置(在内容旁边),然后开始滚动它的内容的当前位置.
我试图让我的侧边栏像这样滚动 - > http://getbootstrap.com/2.3.2/components.html
该网站是http://www.katyasarmiento.zzl.org(目前是一个免费的托管网站)
较旧的
我真的很难过.我已经把所有的东西都抬起来了,我仍然无法理解.我通过我发现的教程让它工作了一段时间,但它与ScrollSpy不兼容.所以我正在尝试使用Bootstrap的Affix.
我是javascript/jquery的新手,所以如果有人可以查看我的网站并查看我做错了什么.
ScrollSpy现在正在工作我认为,我只是不能让侧边栏滚动页面.
jquery ×5
javascript ×3
css ×2
delphi ×2
asp.net-mvc ×1
blockui ×1
bootswatch ×1
c# ×1
chromium ×1
controller ×1
delphi-2009 ×1
delphi-xe ×1
dll ×1
file-upload ×1
html ×1
http-post ×1
indy ×1
jquery-ui ×1
radio-button ×1
tabindex ×1