我正在 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 内容的正确方法
最佳答案
您嵌入的推文位于 iframe 内。您无法应用任何样式或添加任何 javascript 到该嵌入代码内的任何内容。这意味着您无法对推文进行排序。
如果您仍然想实现这一点,您必须找到一种将推文嵌入网页的方法,而不是 iframe。我自己不在 Twitter 上,但也许是 API 或不同的嵌入方法?
关于javascript - jQuery Sortable 无法与 Twitter 嵌入推文一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31202955/