Question

有没有人知道使用ColdFusion的CFLAYOUT实现拖放功能的方法？我尝试使用制表符和jQuery的可排序插件创建一个cflayout，但无法使其工作。这是我正在使用的代码：

<script type="text/javascript" src="/scripts/jQuery_MenuDragDrop.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("ul.x-tab-strip").sortable({
            placeHolder: "ul.x-tab-strip",
            connectWith: "ul.x-tab-strip",
            update: function() {
                alert("test");
            }
        });
    });
</script>

<cfset variables.Tabs   = ["test 1", "test 2", "test 3"]>
<cfset variables.TabIDs = [1, 2, 3]>

<cflayout type="tab" name="ProjectTabs" style="width:975px;">
    <cfloop index="i" from="1" to="#ArrayLen(variables.Tabs)#">
        <cflayoutarea name="ProjectTab#variables.TabIDs[i]#" title="#variables.Tabs[i]#"></cflayoutarea>
    </cfloop>
</cflayout>

谢谢！

Answer 1

尝试一下：

<script type="text/javascript"> 
    window.onload = function(){ 
        setupSortable(); 
    }; 

    setupSortable = function(){ 
        $(".x-tab-strip").sortable({ 
            update: function() { alert("test"); } 
        }); 
    } 
</script>

我发现有关jQuery的一件事是尝试从那里转储你认为你选择和工作的东西是有帮助的。我在文档的顶部放了一个console.log($('ul.x-tab-strip'));。它没有打印任何东西 - 但是在超时设置它会抛弃预期的目标。您可能不得不稍微调整超时。

老实说，如果可以的话，我会考虑为cflayout寻找替代方案。 CF生成的代码很乱，有时很难处理。我偏爱jQuery工具：http://flowplayer.org/tools/tabs/index.html

ColdFusion CFLAYOUT选项卡拖放

1 个答案: