javascript - 使用数据预填充 Bootstrap 模式表单字段

Question

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

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

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

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

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

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

Answer 1

这取决于您使用的 Bootstrap 版本。 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 作为选择器。