javascript - jQuery Sortable 无法与 Twitter 嵌入推文一起使用

Question

我正在 jQuery Sortable 的帮助下对 div 进行排序。这是完美的工作，但是当我拖动一个 div(其中包含 tweets 的嵌入内容)并将其放置在任何位置时，它会从 DOM 中删除，实际上是在放置 tweets block iframe 已从控制台中删除。

这是我的脚本

<script>
    $(function () {
    $("#sortable").sortable({
        update: function (event, ui) {

                $('.storymode').each(function () {
                //get the order of div after sort
                var order = $(this).sortable("toArray", {attribute: 'rowdropid'}).toString();

                        $.ajax({
                        // ajax request  for saving sortable div in DB
                            ....
                            ....
                        });
                });
                },
    });
    });
</script>

HTML 代码

    <div id="sortable">
<div>
            <blockquote class="twitter-tweet" align="center"><a href="https://twitter.com/CrazyDogTShirts/status/611263713673392128"></a></blockquote>
        </div>
</div>

twitter 脚本

    !function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = p + '//platform.twitter.com/widgets.js';
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, 'script', 'twitter-wjs');

</script> 

请参阅此处的演示示例 http://dothejob.in/tw.php

请建议我如何排序或拖放 iframe 内容的正确方法

Answer 1

您嵌入的推文位于 iframe 内。您无法应用任何样式或添加任何 javascript 到该嵌入代码内的任何内容。这意味着您无法对推文进行排序。

如果您仍然想实现这一点，您必须找到一种将推文嵌入网页的方法，而不是 iframe。我自己不在 Twitter 上，但也许是 API 或不同的嵌入方法？