2011-06-13 22 views
-2

這是jQuery UI的代碼示例:阿爾特的Javascript格式CakePHP的格式

<script type="text/javascript"> 
    //function to execute when doc ready 
    $(function() { 

    //make tooltip on mouseover 
    $("#container a").mouseover(function(e) { 

     //create tooltip 
     $("<div>").text($(this).attr("title")).addClass("tooltip ui-widget-header ui-corner-all").css({left:e.pageX, top:(e.pageY - 40)}).appendTo($("body")); 

     //set timeout to show tooltip 
     tip = setTimeout("$('.tooltip').show('drop', { direction:'up' }); ", 750); 

     //suppress title 
     $(this).attr("title", ""); 

    }); 

    //make tip track with pointer 
    $("#container a").mousemove(function(e) { 
     $(".tooltip").css({'left':e.pageX, 'top':e.pageY - 35}); 
    }); 

    //remove tooltip on mouseout 
    $("#container a").mouseout(function(e) { 

     clearTimeout(tip); 

     //put title text back 
     $("#" + e.target.id).attr("title", $(".tooltip").text()); 

     //hide and remove tooltip 
     $(".tooltip").remove(); 
    }); 
    }); 
</script> 



    <script type="text/javascript"> 
    //define function to be executed on document ready 
    $(function(){ 

    //create the tabs 
    $("#myTabs").tabs(); 

    //define handler for change event on select element 
    $("#fileChooser").change(function() { 

     //load either file 1 or file 2 
     this.selectedIndex == 0 ? loadFile1() : loadFile2(); 

     //load the new file 
     function loadFile1() { 
     $("#myTabs").tabs("url", 2, "tabContent.html").tabs("load", 2); 
     } 

     function loadFile2() { 
     $("#myTabs").tabs("url", 2, "tabContent2.html").tabs("load", 2); 
     } 
    }); 
    }); 

</script> 

如果我轉換爲CakePHP的格式。 你能舉個例子嗎?我嘗試閱讀螺母和螺栓和CakePHP手冊,但我不明白。

謝謝。

+0

CakePHP是PHPm不是JavaScript。 「cakephp格式」是什麼意思? – 2011-06-13 03:17:03

+0

對不起,不清楚的問題 in cakephp寫入javascript 示例 $ this-> Js-> get('#my-list');'start'=>'onStart', 'complete'=>'onStop', 'sort'=>'onSort', 'wrapCallbacks'=> false )); – bubbleman 2011-06-13 03:20:22

+1

加載此文件作爲一個JS在任何行動,它將工作相同。 – 2011-06-13 03:30:29

回答

3

不要打擾。

蛋糕1.3 JsHelper就是這樣 - 一個幫手旨在抽象最常見的和重複的代碼 - AJAX分頁,簡單的單元載荷,動畫適當的導航元素,那種事。該庫由於其最常用的JavaScript庫(jQuery,MooTools和Prototype)(默認爲jQuery,並且可以在控制器中進行更改)通用於其中三種,因此開發人員可以選擇喜歡的任何風格,使用多個庫等。因爲抽象只涵蓋了圖書館往往提供的最常見的行爲,所以你可能想要使用的其他任何東西都可能會很容易匹配。

它的功能非常出色 - 它主要是DRY調用,並將苦差事放在行爲之外。但是,它是一個抽象層。它不會替代客戶端腳本,特別是對於任何遠程複雜的情況。我建議不要花大量時間進行投資構建自定義功能,因爲生成的代碼中出現的任何問題都很難調試,更不用說修復了;無論如何,Cake所做的一切就是編寫出包含在標記中的代碼。

只需本地編寫客戶端代碼,並將其包含在$ this-> Html-> scripts()或buffer中並執行即可。它更可靠,可預測和可管理。

+0

好的,謝謝你的建議 我將會運作。 – bubbleman 2011-06-13 03:52:16