草庐IT

bootstrap-4

全部标签

jquery - 根据弹出窗口相对于窗口边缘的 X 位置更改 Bootstrap 弹出窗口的位置?

我广泛搜索了互联网,发现这篇stackoverflow帖子很有见地IsitpossibletochangethepositionofBootstrappopoversbasedonscreenwidth?,它仍然没有回答我的问题,可能是因为我无法理解位置/偏移量。这就是我想要做的。我希望TwitterBootstapPopover位置是RIGHT除非热点popover将定位在视口(viewport)之外,然后我希望它定位在LEFT。我正在制作一个具有热点的iPad网络应用程序,当您按下热点时,会出现信息,但我不希望它在水平滚动被锁定时出现在视口(viewport)之外。我想它会是这样的

jquery - 模态窗口中的 Twitter Bootstrap Datepicker

我目前正在使用TwitterBootstrap框架,当使用模态窗口时,我无法让js元素像日期选择器或验证一样工作,尽管选择和统一渲染正确。请在下面查看我的模态窗口:×NewMemberFormRoleSelectmemberrolePlayerCoachParentManagerNon-playerSelectmemberroleSelectmemberrolePlayerCoachParentManagerNon-playerFullnameLastnameEmailDateofbirthGenderSelectgenderMaleFemaleSelectgenderSelectge

jquery - 模态窗口中的 Twitter Bootstrap Datepicker

我目前正在使用TwitterBootstrap框架,当使用模态窗口时,我无法让js元素像日期选择器或验证一样工作,尽管选择和统一渲染正确。请在下面查看我的模态窗口:×NewMemberFormRoleSelectmemberrolePlayerCoachParentManagerNon-playerSelectmemberroleSelectmemberrolePlayerCoachParentManagerNon-playerFullnameLastnameEmailDateofbirthGenderSelectgenderMaleFemaleSelectgenderSelectge

jquery - 如何检查 Bootstrap 模式是否打开,以便我可以使用 jquery 验证?

我只需要在模态打开时进行验证,因为如果我打开它,然后关闭它,然后按下打开模态的按钮,它不起作用,因为它正在进行jquery验证,但未显示,因为模态已被关闭。所以我想在模态打开时添加一个jquery,以便我进行验证,这可能吗?$(document).ready(function(){varvalidator=$('#form1').validate({ignore:"",rules:{usu_login:{required:true},usu_password:{required:true},usu_email:{required:true},usu_nombre1:{required:

jquery - 如何检查 Bootstrap 模式是否打开,以便我可以使用 jquery 验证?

我只需要在模态打开时进行验证,因为如果我打开它,然后关闭它,然后按下打开模态的按钮,它不起作用,因为它正在进行jquery验证,但未显示,因为模态已被关闭。所以我想在模态打开时添加一个jquery,以便我进行验证,这可能吗?$(document).ready(function(){varvalidator=$('#form1').validate({ignore:"",rules:{usu_login:{required:true},usu_password:{required:true},usu_email:{required:true},usu_nombre1:{required:

jquery - 显示后如何将焦点设置为 Bootstrap 模式中的第一个文本输入

我加载了一个动态Bootstrap模式,它包含很少的文本输入。我面临的问题是我希望光标聚焦于此模式中的第一个输入,但默认情况下不会发生这种情况。所以我写了这段代码来做到这一点:$('#modalContainer').on('show',function(){$('input:text:visible:first').focus();});但是现在它在input上停留片刻就自动消失了,为什么会这样,如何解决? 最佳答案 @scumah为您提供答案:Twitterbootstrap-Focusontextareainsideamoda

jquery - 显示后如何将焦点设置为 Bootstrap 模式中的第一个文本输入

我加载了一个动态Bootstrap模式,它包含很少的文本输入。我面临的问题是我希望光标聚焦于此模式中的第一个输入,但默认情况下不会发生这种情况。所以我写了这段代码来做到这一点:$('#modalContainer').on('show',function(){$('input:text:visible:first').focus();});但是现在它在input上停留片刻就自动消失了,为什么会这样,如何解决? 最佳答案 @scumah为您提供答案:Twitterbootstrap-Focusontextareainsideamoda

jquery - Twitter Bootstrap - 标签 - URL 不会改变

我正在使用TwitterBootstrap及其“选项卡”。我有以下代码:addeditdelete选项卡工作正常,但URL中未添加#add、#edit、#delete。当我删除data-toggle时,URL发生变化,但选项卡不起作用。有什么解决办法吗? 最佳答案 试试这段代码。它将选项卡href添加到url+根据页面加载时的哈希打开选项卡:$(function(){varhash=window.location.hash;hash&&$('ul.nava[href="'+hash+'"]').tab('show');$('.nav

jquery - Twitter Bootstrap - 标签 - URL 不会改变

我正在使用TwitterBootstrap及其“选项卡”。我有以下代码:addeditdelete选项卡工作正常,但URL中未添加#add、#edit、#delete。当我删除data-toggle时,URL发生变化,但选项卡不起作用。有什么解决办法吗? 最佳答案 试试这段代码。它将选项卡href添加到url+根据页面加载时的哈希打开选项卡:$(function(){varhash=window.location.hash;hash&&$('ul.nava[href="'+hash+'"]').tab('show');$('.nav

jquery - 如何将 Twitter Bootstrap 工具提示绑定(bind)到动态创建的元素?

我正在使用带有javascript的TwitterBootstrap工具提示,如下所示:$('a[rel=tooltip]').tooltip();我的标记如下所示:这很好用,但我添加了动态元素和工具提示不会显示这些动态元素。我知道这是因为当文档完成加载典型的jquery$(document).ready(function()时,我只绑定(bind).tooltip()一次。功能。如何将其绑定(bind)到动态创建的元素?通常我会通过jquerylive()方法来做到这一点。但是,我用来绑定(bind)的事件是什么?我只是不确定如何将bootstrap.tooltip()与jquery