问题标签 [jasny-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1154 浏览

javascript - 防止通过另一个元素的触发单击关闭导航栏

我正在使用 jasny bootstrap offcanvas 导航栏(http://jasny.github.io/bootstrap/components/#navmenu-offcanvas),只要页面上其他地方发生点击事件,它就会关闭。但是,我们有一个 Twitter 提要已被修改为在 3 个不同的 Twitter 帐户之间移动。为了在它们之间切换,触发点击。这导致每次推文切换时导航菜单都会关闭,我似乎无法阻止它。

这是推特滚动代码:

我已经尝试过应用preventDefault()and stopPropagation()trigger('click')但我对 jQuery 非常缺乏经验,我真的只是在猜测把它放在哪里。

0 投票
2 回答
5049 浏览

javascript - 从输入文本框中清除(或更改)输入掩码(使用 Jasny)

我希望根据选择列表中选择的值更改文本框上的输入掩码。代码是:

我努力了

但得到“Uncaught TypeError: $(...).unmask is not a function”错误。

文档说“?” 说'后面的任何字符都将成为可选'所以我尝试了 $("#searchCriteria").inputmask({ mask: '?', placeholder: '' });

没有成功。

似乎一旦设置了掩码,就无法更改或清除它,但我确信有办法。

我也试过 $("#searchCriteria").unbind();

这清除了掩码,但不会将其设置为其他任何内容。

编辑:我不拘泥于使用 Jasny,欢迎任何其他建议:)

我要满足的要求是“根据下拉列表中的选择更改输入文本框上的输入掩码”。

0 投票
1 回答
169 浏览

twitter-bootstrap - Jasny Bootstrap 的图片上传——即时预览是如何实现的?

jasny 会将图像上传到我的服务器吗?还是本地文件?如果是本地文件,是否意味着我们的浏览器可以访问我们的私有文件?

0 投票
2 回答
3038 浏览

javascript - 如何在 Laravel 验证器中使用之前清除 jasny 输入掩码?

我有一个表单字段来获取用户的手机号码:

我使用jasny 输入掩码来指导用户输入数据,但我需要将999999999格式的手机号码保存到数据库中(没有 0 和空格)。

当我使用 ajax 通过 serialize() 函数向服务器发送数据时,我不想使用客户端脚本来更改输入的值(我有很多这样的表单字段),除非通过更改或添加函数或方法到 jasny 输入掩码在所有这些领域使用!

我得到服务器端输入的值,我想将它分配给 Laravel 5 中的模型属性,所以在用户模型中我声明了一个访问器和一个修改器来设置和获取手机号码:

它很好用,但是当我想使用 Laravel 验证来表明它是一个唯一字段时,它不起作用。和平的代码就像:

它会导致错误: SQLSTATE [23000]:完整性约束违规:1062 重复条目

0 投票
1 回答
773 浏览

twitter-bootstrap - 寻找 Jasny Bootstrap 插件相同的菜单桌面 TOP 和 off-canvas SIDE 示例

我认为这会相当容易,但我似乎无法弄清楚如何使用 Jasny Bootstrap 插件在较大设备上获得与 TOP 导航栏相同的菜单以及在较小设备上获得 SIDE 滑入式菜单。所有的例子似乎都在侧面,只是在完整(侧面)和汉堡包之间切换。我需要顶部的“桌面”,以及左侧的“移动”作为滑入。任何想法或示例链接都会很棒!这是两个侧面的示例

0 投票
1 回答
941 浏览

html - Bootstrap/Jasny“offcanvas”侧边栏菜单冻结页面内容(即防止滚动)

小提琴。

这实际上是来自 Jasny 的“Off Canvas Reveal”演示,位于此处。我所做的只是扩展页面内容,使其需要滚动条。

单击汉堡菜单后,页面内容变为冻结/不可滚动。如何解决此行为?我希望能够在菜单退出时继续滚动页面。

CSS:

0 投票
1 回答
370 浏览

angularjs - Jasny bootstrap offcanvas 菜单不会在移动设备上关闭(iPhone 6 Chrome)

我正在使用 Jasny Bootstrap 的 offcanvas 插件来实现菜单。它在桌面浏览器上按预期工作。但是,在移动设备(确切地说是 iPhone 6)上,如果用户在菜单外单击,菜单不会关闭。在桌面浏览器上,当显示画布菜单时,在菜单区域外单击会关闭菜单。我错过了什么,这是一个错误,还是这是预期的行为?

我使用提供的 Jasny Bootstrap 菜单示例比较了桌面 Chrome 和 iPhone Chrome 重现了这个问题:

http://www.jasny.net/bootstrap/examples/navmenu-push/

0 投票
0 回答
315 浏览

ruby-on-rails - 将 Carrierwave 内置的多个文件上传与 Jasny Bootstrap 文件上传预览集成

我有一个使用 Carrierwave 内置多个文件上传器的应用程序。我正在尝试使用 Jasny 的 Bootstrap File Input 插件实现基本的图像预览和管理(只需要能够删除选定的图像),但我没有运气。

它适用于一个图像,但不适用于多个图像。

我的模型:

我的表格:

我想要:

一个。显示 5 个输入,以便用户可以选择每个图像并使用 Jasny 的插件控件查看预览和删除

或者

湾。显示一个按钮,为用户尝试上传的每个文件生成 5 个预览,并进行多项选择。

'a' 的问题是我需要创建 5 个 f.input :images 并且在提交表单时不起作用。

'b' 的问题在于它只显示第一张图像的预览,并且只允许控件在第一张图像上工作。

我目前无法更改 Carrierwave 的实现,因此我需要使用该配置。我无法实施新模型 AdImages 以使用常规 CarrierWave 上传。

有任何想法吗?我接受有关其他插件的建议或使用 CarrierWave 的内置多重上传功能显示预览的其他方式。

编辑:对于那些不知道的人,CarrierWave 在数据库中创建一个 JSON 列来存储图像文件路径。这就是我尝试在表单中手动插入 :image[1] 的原因。

0 投票
2 回答
15293 浏览

css - Bootstrap 响应式表格不会在 iOS 设备上水平滚动

我有一个带有以下标记的表:

正如文档所说,我的表格现在应该能够水平滚动。如果我使用 chrome 的设备模拟器,它确实有效。但是,当我使用真正的 iPhone(在这种情况下为 iPhone 5s - 也在 iPhone 6 上测试过)尝试它时,我根本无法水平滚动表格。默认情况下,我可以看到视口中显示的最后一列,但我无法横向滚动它。我在 iPhone 上的 chrome 和 safari 中进行了尝试,并得到了相同的行为。

我试图做的是添加,-webkit-overflow-scroll: touch但它没有解决问题。我也尝试手动添加overflow-x: scroll而不是默认添加,auto但无济于事。

我不确定这是否重要,但我也有一个引导插件 - offcanvas - by jasny bootstrap,我也无法在我的 iPhone 上垂直滚动那个侧边菜单。这一切都适用于模拟器,但在真实的东西上却失败了。

也许这两者有某种联系。

任何帮助表示赞赏。

编辑:

我刚刚在安卓手机上测试过,看起来我可以按预期水平滚动表格。但是,即使在 android 上,我仍然无法垂直滚动侧边菜单。我想这意味着这些问题没有相互联系。

0 投票
2 回答
1162 浏览

javascript - jasny bootstrap offcanvas 无法在手机上滚动

我使用jasny bootstrap插件创建了一个侧边菜单。标记相当简单:

问题是它不能在手机上滚动。当我尝试滚动它时它不起作用。

我试图使用带有网络检查器的 iOS 模拟器深入检查它并尝试绑定一些事件。我尝试将事件绑定scroll到,.sidemenu但该事件从未触发。然后我尝试绑定touchstart事件并按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?

知道为什么它不起作用吗?