ColdFusion CFLAYOUTタブドラッグアンドドロップ

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

はこのを試してみてください：私はjQueryの約見つけ

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

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

ことの一つは、それはあなたがあなたの選択や仕事があるからだと思うものをダンプしようとするのに役立ちますです。私はconsole.log($('ul.x-tab-strip'));をdocument.readyの上に落としました。それは何も印刷しませんでしたが、タイムアウトでそれを設定すると、予想されるターゲットがダンプされました。あなたはタイムアウトを少しでもしなければならないかもしれません。

可能であれば、私はタブのためのcflayoutの代替案を検討することを検討します。 CFで生成されたコードは面倒で、時には扱いにくい場合があります。私はjQueryツールの一部です：http://flowplayer.org/tools/tabs/index.html