Tag: twitter bootstrap

如何创建非模态引导程序对话框: 我正在尝试创建一个非模态引导程序对话框。我只是不知道该怎么做。我查了很多post，但没有人回答我的问题。我需要对话框是非模态的，因为我希望用户即使打开对话框也可以做其他事情。我看到一个链接http://refork.com/x657，但是当我尝试它时，对我来说不起作用。该对话框拒绝开启非常感谢。

将Typeahead.js与ASP.Net Webmethod集成: 我正在寻找一个使用Asp.Net Web方法使用Typeahead.js的示例。我有http://twitter.github.io/typeahead.js/examples/中的示例使用基本示例，但我不完全了解如何使用asp.net webmethod实现Bloodhoundfunction。 typeahead函数调用WebMethod（我可以看到调试器中的步骤）但是没有返回到TypeAhead的列表。这是标记：这是jquery： $(document).ready(function () { var textlookup = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘value’), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: ‘/WebServices/InternalMethods.asmx/TextAutocomplete?param=%QUERY’ }); textlookup.initialize(); $(‘.autocomplete’).typeahead({ hint: true, highlight: true, minLength: 1 }, { name: ‘textlookup’, displayKey: ‘value’, source: textlookup.ttAdapter() }); }); 这是WebMethod： [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public List TextAutocomplete(string param) { return Suggestions.TextAutocomplete(param); } 任何帮助表示赞赏。

无法通过JQuery从Bootstrap DateTimePicker获取日期对象: 从datetimepicker框中选择datetime后，我无法获取日期对象。如何获取datetime对象并将其转换为unix整数？这是我的HTML代码：这是我的css：在这里我的js： jQuery(function () { jQuery(‘#startDate’).datetimepicker({ locale: ‘de’, format: ‘dd, DD.MM.YYYY, HH:mm’, minDate: moment(), }); }); // WHAT CODE DO I NEED HERE TO GET DATE OBJECT AND TRANSFORM IT INTO UNIX INTEGER var dateStr = $(“#startDate”).find(“input”).val(); var date = Date.parse(dateStr); alert(date + ” ” + new Date(date));

在bootstrap scrollspy上简单缓和: 对于那些知道javascript / jquery好的人来说，这是一个非常简单的问题。我对这一切都很陌生，无法做到。我找到了计算导航栏偏移量的代码，如下所示： var offset = 50; $(‘.navbar li a’).click(function(event) { event.preventDefault(); $($(this).attr(‘href’))[0].scrollIntoView(); scrollBy(0, -offset); }); 这是迄今为止我所拥有的小提琴的例子。正如您所看到的，如果您单击导航栏中的链接，它只会跳到部分。在这个脚本中添加easing动的位置使其向下滚动更平滑？使用原始代码，我首先找到了那个流畅的滚动但是新脚本丢失了。这是旧代码： $(function() { $(‘a.page-scroll’).bind(‘click’, function(event) { var $anchor = $(this); $(‘html, body’).stop().animate({ scrollTop: $($anchor.attr(‘href’)).offset().top }, 1500, ‘easeInOutExpo’); event.preventDefault(); }); });

动态更改引导工具提示放置: 我试图动态更改工具提示位置，但它不起作用。 Change Tool Tip! 而对于js： //Initiall tooltip for all elements $(“[title!=”]”).tooltip(); $(“#changeBtn”).click(function () { //Change tooltip placment $(“#sample”).tooltip({placement : ‘left’}).tooltip(‘show’); }) http://jsfiddle.net/znvv9ar5/ 我在Click Twitter Bootstrap Tooltip上找到了一个很好的答案，其中显示了如何使用tooltip(‘fixTitle’)方法动态更改工具提示文本。但找不到放置的东西。

daterangepicker仅显示年份和月份: 我正在使用daterangepicker bootstrap 3。 $(‘#pa_date*’).daterangepicker({ singleDatePicker: true, showDropdowns: true, minDate: min, maxDate: max, format: ‘DD/MM/YYYY’ }).on(‘apply.daterangepicker’, function (ev, picker) { alert(picker.startDate.format(‘MM/YYYY’)); }); 它显示了完整的daterangepicker：我想隐藏日历并只显示数年和数月下拉，如下所示：

如何将插件添加到Bootstrap: 我发现这个非常酷的Bootstrap 插件可以测量密码强度。它看起来很好，我想使用它，但我无法弄清楚如何使它工作。根据Github页面，你要做的就是“只需要在你想要附加强度计的密码字段上调用插件。”。不幸的是，他们没有告诉你把文件放在哪里，也不告诉你实际需要使用哪些javascript文件。我一直在谷歌搜索为Bootstrap添加或安装插件的每种可能的迭代方法，并且每次都是空的。这里有人有答案吗？

刷新页面删除了bootstrap-select样式: 我正在使用bootstrap-select，我是前端的新手。我正在尝试在我的页面中实现bootstrap的多选组件，但我面临的问题是，当我将我的页面提交给服务器并且如果发生错误时，它会从选择框中删除所有css类并只显示一个多 – 选择列表而不是原始组件。我正在使用的组件是This和以下是我的jsp代码，我正在尝试使用此组件。 ${clientInfo.env} 以下是我的pageOnLoad代码块： $(document).ready(function() { $(‘select’).selectpicker(); }); 任何帮助，将不胜感激。谢谢

如何启用和禁用Twitter Bootstrap Button？: 我试图实现在单击它时禁用按钮，然后在ajax请求成功完成后再次启用它的情况。以下是我的代码片段。形成 Submit! 使用Javascript $(‘#resForm’).validate({ // disable submit button $(‘#btnSubmit’).prop(‘disabled’, true); submitHandler: function(form) { $.ajax({ ….. typical ajax stuff ….. success: function(data) { alert(data); $(‘success’).html(data); // enable reserve button again $(‘#btnSubmit’).prop(‘disabled’, false); }, error: function (jqXHR, textStatus, errorThrown) { // console.log(jqXHR); } }); } }); 它不起作用。在Chrome上检查我的控制台告诉我Uncaught SyntaxError: Unexpected token ( 。感觉这是一个愚蠢的错误，我无法弄明白。我已经读过，这个prop适用于jQuery 1.6.1及更高版本而且我在1.8.3。

模拟单击以打开Bootstrap折叠元素: 我正在尝试模拟Bootstrap崩溃标题上的clik ，但没有成功。我真正想要做的是，当用户点击手风琴标题附近的图像时，它会打开，就像用户点击了标题的。这是一个更好理解的FIDDLE 我的HTML标记如下所示： Filter the results 1st column content 2nd column content 但我不知道如何在SimulateClick() JS方法中编写“点击图像，打开手风琴”。我尝试过类似的东西 $(“#collapseOne”).click(); 要么 $(“#collapseOne”).addClass(“in”); 但它没有做任何事情。任何的想法？