jQuery Sortable 不适用于 twitter 嵌入式推文答案

【问题标题】：jQuery Sortable not working with twitter Embedded TweetsjQuery Sortable 不适用于 twitter 嵌入式推文
【发布时间】：2015-07-03 09:13:28
【问题描述】：

我正在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>

推特脚本

    !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 内容进行排序或拖放的正确方法

【问题讨论】：

您嵌入的推文位于 iframe 内。您不能应用任何样式或将任何 javascript 添加到该嵌入式代码中的任何内容。这意味着您不能使推文可排序。如果您仍然想实现这一点，您必须找到一种方法将您的推文嵌入您的网页，而不是 iframe。我自己不在 Twitter 上，但可能是 API 或不同的嵌入方法？

标签： javascript jquery html twitter jquery-ui-sortable

【解决方案1】：

您嵌入的推文位于 iframe 内。您不能应用任何样式或将任何 javascript 添加到该嵌入式代码中的任何内容。这意味着您无法使推文可排序。

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

【讨论】：

【解决方案2】：

根据您的需要，一种可能可行的方法是删除/创建而不是移动。您可以使用我们的工厂函数来动态创建时间线小部件。

更多来自 twitter 开发者论坛： https://twittercommunity.com/t/twitter-widget-break-when-moved-with-jquery/65839

【讨论】：