Tag: twitter bootstrap

Ajax调用填充Typeahead Bootstrap

我想要做的是通过Ajax获取一个json对象，并使用一种值填充Bootstrap Typeahead。 这是我的代码： nameTypeHead: function () { var _self = this, searchInput = $(‘#nameTypeHead’), arr = []; function getArray() { $.ajax({ url: ‘/Home/AutoComplete’, type: ‘post’, dataType: ‘json’, data: { searchText: searchInput.val() }, success: function (data) { $.each(data, function () { arr.push(this.Name); }); return arr; } }); } searchInput.typeahead({ source: getArray() }); } 我收到arr为null的错误 我也试过.parseJSON()但没有成功： $.each($.parseJSON(data), […]

Ruby on Rails 4：如何在Rails Web应用程序中包含Javascript文件？

我正在构建一个Rails 4 Web应用程序，我想在我的应用程序中包含一些.js文件。 是否可以直接将JavaScript文件添加到我的Rails ..app/assets/javascripts文件夹中，并在application.js中添加这样的引用？ //= customejsfile.js 这是正确的方法吗？ 如果是的话，我是否可以按照添加jQuery和Bootstrap库的相同步骤进行操作？ 任何帮助表示赞赏。

jQuery分页+ Twitter Bootstrap

我正在尝试修改Jquery分页（ 基于此Jquery分页教程 – 演示 ）以使用令人敬畏的twitter引导程序。 Twitter Bootstrap的标准分页设置如下所示，因此这是分页输出结构的目标。 ← Previous 1 2 3 4 5 Next → 到目前为止，我可以通过更改html输出结构来使其工作，但由于我将输出从更改为 标记，因此活动突出显示无法正常工作。 这就是我现在卡在ATM的地方！ 我仍然需要做以下事情： 在第一页时禁用prev按钮 更改页面时更改活动 在最后一页上禁用next按钮 修复prev按钮，使其再次工作 修复下一个按钮，使其再次工作 下面是JsFiddle的链接 – 不知怎的，它不起作用，但代码应该是正确的（ 与此代码相同 ）

Captcha在jquery方面没有validation..！

我正在使用PHP来validation谷歌REcaptcha ..至于后端validationgose工作正常它如果validationvalidation码没有提交错误，如果完成用户存储在数据库中，但当我用jquery连接它时出现重大问题。即使后端validationvalidation码，每次都会发出错误“你遗失的validation码”的错误，请帮助我解决这个问题，请原谅我，如果我错了.. !! 这里是gose .php文件 false); if (!empty($_POST[‘fname’]) && !empty($_POST[‘lname’]) && !empty($_POST[’email’]) && !empty($_POST[‘password’]) && !empty($_POST[‘mobile’])){ /* if required include seperate validation */ // receiving the post params $fname = trim($_POST[‘fname’]); $lname = trim($_POST[‘lname’]); $email = trim($_POST[’email’]); $password = $_POST[‘password’]; $mobile = trim($_POST[‘mobile’]); /* validation process starts from here */ // validate your email address […]

bootstrap 3动态模态 – ajax内容缓存问题

我需要一个动态引导模式，取决于我发送到同一域中的外部页面的id，结果需要在引导模式中找到我。 当你第一次加载页面时系统工作，但如果我点击另一个链接打开不同的模态我应该看到不同的结果，但它只显示第一个结果…这基本上是缓存结果。 这就是我所做的。 我也试过发送时间戳等但它仍然是一样的。 open modal 这是我在同一页面上的模态 那么如何在不缓存结果的情况下加载远程内容呢？

Bootstrap 3 Popover：在hover和点击时显示，也就是说。 固定一个弹出窗口

使用hover触发器显示弹出窗口工作正常。 使用单击触发器显示弹出窗口工作正常。 现在，如何在触发图像hover时显示弹出窗口，但如果用户单击图像，取消hover并启动单击切换？ 换句话说，hover显示弹出窗口并单击弹出窗口的“引脚”。 HTML非常标准： User 和popover初始化，更无聊： $(function () { $(“[rel=popover]”).popover(); }); 从我到目前为止所看到的，似乎解决方案是一个很好的复杂的popover(‘show’) ， popover(‘hide’)和popover(‘toggle’)调用，但我的javascript / jQuery-foo不能胜任这项任务。 编辑： 使用@hajpoj提供的代码作为基础，我添加了一个函数来监听hidden.bs.popover事件，尝试在触发click事件后重新启用hidden.bs.popover和mouseleave事件，但它确实使’hover’再次工作，它杀死了点击…… var $btn2 = $(‘#btn2’); var enterShow = function() { $btn2.popover(‘show’); }; var exitHide = function() { $btn2.popover(‘hide’); } $btn2.popover({trigger: ‘manual’}) .on(‘mouseenter’, enterShow) .on(‘mouseleave’, exitHide) .one(‘click’, function() { $btn2.off(‘mouseenter’, enterShow) .off(‘mouseleave’, exitHide) .on(‘click’, function() { $btn2.popover(‘toggle’); }); […]

如何使用Font Awesome复选框等

我在我的网站上使用Font Awesome作为图标。 我是HTML和CSS的新手。 我试图将它用于复选框，并且很难弄清楚如何使用它来启用/禁用复选框并显示显示的approrpiate图标。 例如; 我正在使用以下标签复选框： icon-check 启用/禁用复选框时，我使用以下jQuery更改图标： $(“.icon-check-empty”).click(function(){ $(‘#prime’).removeClass(‘icon-check-empty’); $(‘#prime’).addClass(‘icon-check’); }); 我确信这不应该是应该如何使用的方式。 你能指导我应该如何使用它的方式。 目前; 我想使用复选框，我的目标是选中/取消选中复选框，并显示相应的图标。 选中时：icon-check; 未选中：icon-check-empty 请指导我!!

使用jQuery的Bootstrap 3 Equal Height列需要js的帮助

我一直在使用jQuery的这个位（ jQuery等高响应div行 ）来获得相同的高度并且它工作得非常好，但如果使用相同的模式，它使用BS2和BS3，它不扫描行以达到相同的高度，它会扫描页面本身，然后同一页面上的所有图案（行> col- – ）都会获得页面上最高的高度。 这不是理想的实施。 http://jsbin.com/aVavuLeW/14/ 上面的JSBin有一个使用BS3列（它的副本）的例子。 您不能在堆叠点的列上具有相对位置，因此为了此Bin的目的已复制这些位置。 如您所见，如果您在每一行上创建一个不同的类（在此示例中为.foo和.foo2），然后列表现出来，但如果您决定使用相同的模式，则页面上最高的高度将接管。 问题：如何解决使用相同模式的问题，它是根据页面而不是行计算的？ 谢谢！！！

选择日期后，引导日期选择器不会自动关闭

我使用最新的Bootstrap datepicker.js。 一切正常，但是当我从下拉列表中选择一个日期时，它不会自动关闭它。 我在网上搜索并尝试在我的javascript中使用以下函数，如下所示： $(‘#selectDate’).datepicker({ autoclose: true }).on(‘changeDate’, function (ev) { (ev.viewMode == ‘days’) ? $(this).datepicker(‘hide’) : ”; }); 但是当我使用Google Chrome Dev工具时，我意识到ev.viewmode未定义。 我不确定如何前进。

从另一个模态打开一个模态并关闭第一个（启动）模态

我正在使用Bootstrap Modal Window插件，它的工作正常，但我想打开另一个模型窗口，当我点击下一个并关闭第一个。 我该怎么做？ $(‘[data-toggle=”modal”]’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); if (url.indexOf(‘#’) == 0) { $(url).modal(‘open’); } else { $.get(url, function(data) { $(data).modal(); }).success(function() { $(‘input:text:visible:first’).focus(); }); } }); Add Record https://stackoverflow.com/questions/25319034/open-a-modal-from-another-modal-and-close-the-first-launching-modal/next.html文件代码 × First Window Discard Submit Next