将Javascript格式更改为CakePHP格式

将Javascript格式更改为CakePHP格式,javascript,cakephp,Javascript,Cakephp,这是jQuery UI代码示例: <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)

这是jQuery UI代码示例:

 <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>

//文档准备就绪时要执行的函数
$(函数(){
//在鼠标上方制作工具提示
$(“#容器a”).mouseover(函数(e){
//创建工具提示
$(“”).text($(this).attr(“title”).addClass(“工具提示ui小部件标题ui角点全部”).css({左:e.pageX,上:(e.pageY-40)}).appendTo($(“正文”);
//设置超时以显示工具提示
tip=setTimeout($('.tooltip').show('drop',{direction:'up'});“,750);
//抑制标题
$(this.attr(“title”,”);
});
//用指针做笔尖轨迹
$(“#容器a”).mousemove(函数(e){
$(“.tooltip”).css({'left':e.pageX,'top':e.pageY-35});
});
//删除鼠标输出上的工具提示
$(“#容器a”).mouseout(函数(e){
清除超时(tip);
//放回标题文本
$(“#”+e.target.id).attr(“title”,“$(.tooltip”).text();
//隐藏和删除工具提示
$(“.tooltip”).remove();
});
});
//定义要在文档就绪时执行的函数
$(函数(){
//创建选项卡
$(“#myTabs”).tabs();
//为select元素上的更改事件定义处理程序
$(“#文件选择器”).change(函数(){
//加载文件1或文件2
this.selectedIndex==0?loadFile1():loadFile2();
//加载新文件
函数loadFile1(){
$(“#myTabs”).tabs(“url”,2,“tabContent.html”).tabs(“load”,2);
}
函数loadFile2(){
$(“#myTabs”).tabs(“url”,2,“tabContent2.html”).tabs(“load”,2);
}
});
});
如果我转换成CakePHP的格式。 你能给我举个例子吗?我试着去读《螺母螺栓和卡基PHP手册》,但我不明白

谢谢。

不用麻烦了

Cake 1.3 JsHelper只是一个助手用于抽象最常见和重复的代码-ajax分页、简单的元素加载、适合导航元素的动画,诸如此类。该库在发布时对3个最流行的javascript库都是通用的—jQuery、MooTools和Prototype(默认为jQuery,可以在控制器中更改),因此开发人员可以选择他们喜欢的风格,使用多个库,等等。因为抽象只涵盖了库提供的最常见的行为,有一个很好的机会,无论你想用什么,都可以用很少的努力来匹配

对于它所做的,它是相当出色的-它主要是一个枯燥的调用,并消除了行为中的苦工。但是,它是一个抽象层。它不会取代客户端脚本,特别是对于任何远程复杂的东西。我建议不要花费大量时间构建自定义功能,因为生成的代码中出现的任何问题都很难调试,更不用说修复了;Cake所做的一切就是写出代码以包含在标记中


只需以本机方式编写客户端代码,并将其包含在$this->Html->scripts()或缓冲区中,然后执行它。它更加可靠、可预测和可管理。

CakePHP是PHPm而不是JavaScript。“cakephp的格式”是什么意思?很抱歉,在cakephp中有一个不清楚的问题,请在示例$this->Js->get(“#我的列表”)中编写javascript$这->Js->可排序(数组('distance'=>5,'containment'=>parent','start'=>onStart','complete'=>onStop','sort'=>onSort','wrapCallbacks'=>false));在任何操作中将此文件作为js加载,它的工作方式都是一样的。。