想要将 Ajax 中加载的表拖放到选项卡中

发布于 2024-10-12 06:23:58 字数 470 浏览 0 评论 0原文

在我的 Index.html 页面上,有很多选项卡。在其中一些中,我从 .asp 文件加载表格(网格)。效果很好。我希望该表是“可拖放的”。 .asp 文件单独运行时工作正常,但无法进入选项卡。我制作了一个带有可拖放表格的示例 .html 文件(与 asp 文件的结果表结构完全相同),它可以工作......为什么? :-)

这是代码的一部分:

html:

<table id="sort" class="grid" title="tout a moi" border="1">

jQuery:

$(document).ready(function(){
        $("#sort tbody").sortable().disableSelection();
        })

我记得曾经在某处阅读过解决方案,但似乎没有再找到它。

On my Index.html page, many tabs. Into some of them, I load a table (grid) from an .asp file. It works fine. I want that table to be "drag and dropable". The .asp file works fine when run by itself, but doesn't into the tab. I make a sample .html file with a drag and dropable table (exact same structure as the result table of the asp file), it works... Why? :-)

Here is part of the code :

the html :

<table id="sort" class="grid" title="tout a moi" border="1">

the jQuery :

$(document).ready(function(){
        $("#sort tbody").sortable().disableSelection();
        })

I remember once reading a solution somewhere but don't seem to find it again.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

回忆那么伤 2024-10-19 06:23:58

我缺少帮手。像这样,它工作得很好:

$(document).ready(function(){
            var fixHelper = function(e, ui) {
                    ui.children().each(function() {
                        $(this).width($(this).width());
                        });
            return ui;
            };

        $("#sort tbody").sortable({
                        helper: fixHelper
                        }).disableSelection();
        });

I was missing the helper. Like this, it works fine:

$(document).ready(function(){
            var fixHelper = function(e, ui) {
                    ui.children().each(function() {
                        $(this).width($(this).width());
                        });
            return ui;
            };

        $("#sort tbody").sortable({
                        helper: fixHelper
                        }).disableSelection();
        });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文