Question

我正在尝试创建一个非常基本的书签。

我的表单存在于页面上，例如mysite.com/posts/，位于bootstrap模式框中。

<div class="post-window">
    <div class="window-left">
        <textarea name="title_image" class="form-control" rows="3" placeholder="Post title"></textarea> 
    <input name="postimage" class="form-control" placeholder="Post image URL" />
    </div>
</div>

<div class="modal-bottom">
    <div class="upload">
    <input type="hidden" name="letsbingo" value="1" />
        <button class="btn-block">Post Selfie</button>
    </div>
</div>

1-以下是bookmarklet代码，它工作正常。

javascript: var selfiesite = 'SelfieNow',
    selfiesiteurl = 'http://my.com/post/';
(function () {
    if (window.selfiesiteit !== undefined) {
        selfiesiteit();
    } else {
        document.body.appendChild(document.createElement('script')).src = 'http://my.com/assets/js/postit.js';
    }
})();

2-以上javascript的结果正是我想要的结果如下所示

http://my.com/post/?postimage=%3A%2F%2Fexample.com%2Fwp-content%2Fuploads%2F2013%2F12%2FGripster-Wrap-Mini-For-The-Ipad-Mini-3-690x460.jpg&title_image=Example%20-%20Men%27s%20Gear%2C%20Lifestyle%20and%20Trends

3-现在我的my.com/post/包含一段javascripts，它会在窗口加载时触发模态框。

jQuery(window).load(function ($) {
    jQuery('#postModal').modal('show');
});

小书签正在工作，模态框在窗口加载时打开。但数据没有传递到形式。表单在模式框中打开，url已更改，但表单显示为空。我不知道出了什么问题。模态框是以错误的方式打开（在窗口加载时），或者书签创建的url不适合这种形式。请指导一下。

Answer 1

在模式显示时尝试绑定JS function。像这样：

$('#postModal').on('show', function () {
    var selfiesite = 'SelfieNow',
    selfiesiteurl = 'http://my.com/post/';
    if (window.selfiesiteit !== undefined) {
        selfiesiteit();
    } else {
        document.body.appendChild(document.createElement('script')).src = 'http://my.com/assets/js/postit.js';
    }

});

通过URL将数据传递给表单

1 个答案: