【问题标题】:Prefill bootstrap modal form field with data用数据预填充引导模式表单字段
【发布时间】:2015-01-05 10:10:38
【问题描述】:

我正在创建一个带有引导模式的扩展,其表单字段是标题和描述。我想使用“document.title”在标题表单字段中预先填写网页的标题。

我的 extension.js 中有这段代码;

$("#myModal").bind( 'show', function () {
        $("#title").val(document.title);
});

预填充不起作用的标题字段。

我愿意接受有关如何解决此问题的建议。

我正在使用 crossrider api 创建扩展。该扩展在右键单击网页上的上下文菜单时显示引导模式。谢谢。

【问题讨论】:

  • Bootstrap 3 已经有一个名为 show and shown 的事件,你可以使用它。 See here.
  • $('#myModal').on('show.bs.modal', function (e) { ...CODE Here... })
  • @anpsmn,感谢您的反馈,但这不会加载带有 document.title 值的 title 值的引导模式。
  • @B.I.B 是的。我建议 Bootstrap 有 show/shown 事件,您可以在文档中看到并像下面的答案一样使用它。

标签: javascript jquery twitter-bootstrap crossrider


【解决方案1】:

这取决于您使用的引导程序版本。 Bootstrap 为大多数插件的独特操作提供自定义事件。从 3.0.0 开始,所有的 Bootstrap 事件都是命名空间的。

$('#myModal').on('show.bs.modal', function (e) {
   $("#title").val(document.title);
})

或者:

$('#modal-content').on('shown.bs.modal', function() {
    $("#title").val(document.title);
})

这可能是您的问题中的输入错误,但您的选择器无法正常工作。您可以使用 .classes#ids 但不能使用 title 作为选择器。

【讨论】:

    猜你喜欢
    • 2016-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-06
    • 1970-01-01
    • 2021-08-05
    • 1970-01-01
    相关资源
    最近更新 更多