• 双击文本框,可编辑状态,当鼠标移走后


    // JavaScript Document

    $(function() { 
    //获取class为caname的元素 
    $(".caname").click(function() { 
        var td = $(this); 
        var txt = td.text(); 
        var input = $("<input type='text'value='" + txt + "' style='23px;'/>"); 
        td.html(input); 
        input.click(function() { return false; }); 
    //获取焦点 
        input.trigger("focus"); 
    //文本框失去焦点后提交内容,重新变为文本 
        input.blur(function() { 
        var newtxt = $(this).val(); 
    //判断文本有没有修改 
      if (newtxt != txt) { 
        td.html(newtxt);
        var wid = $.trim(td.prev().text());
        var database=$("#database").val();
        $.ajax({
           type:"POST",
           
           url:"/admin.php/Index/modifypx",
           
           data:{id:wid,paixu:newtxt,database:database},
           
           dataType:"json",
           
           success:function(data){
              if(data ==1){
                        $.gritter.add({
                            // (string | mandatory) the heading of the notification
                            title: '修改排序成功',
                            // (string | mandatory) the text inside the notification
                            text: ' ',
                            time: 1000
                        });
                        window.location.reload();
                 }else{
                        $.gritter.add({
                            // (string | mandatory) the heading of the notification
                            title: '修改排序失败',
                            // (string | mandatory) the text inside the notification
                            text: ' ',
                            time: 1000
                        });
                 }
           }
        });
        
      } 
      else 
      { 
      td.html(newtxt); 
      } 
      }); 
      });
    }); 




  • 相关阅读:
    前端开发中的设计模式
    前端常见的攻击
    前端笔试题
    JavaScript中的回调地狱及解决方法
    JavaScript中的编码解码
    JavaScript中操作节点
    前端常见面试题
    Vue的使用总结(2)
    JavaScript中的事件
    Vue的使用总结(1)
  • 原文地址:https://www.cnblogs.com/muxiaoye/p/56c920f76b0ce6a7a0b0c5907d43d610.html
Copyright © 2020-2023  润新知