茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合

    <s id="ddbnn"></s>
  • <sub id="ddbnn"><ol id="ddbnn"></ol></sub>

  • <legend id="ddbnn"></legend><s id="ddbnn"></s>

    jquery ajax雙擊div可直接修改div中的內(nèi)容
    來源:易賢網(wǎng) 閱讀:966 次 日期:2016-08-02 16:02:05
    溫馨提示:易賢網(wǎng)小編為您整理了“jquery ajax雙擊div可直接修改div中的內(nèi)容”,方便廣大網(wǎng)友查閱!

    最近在做后臺功能開發(fā)的時候,用到對排序字段的修改,感覺只為了修改一個排序值,而要重新進(jìn)入編輯頁比較麻煩,于是網(wǎng)上找點資料自己動手寫了一個jquery雙擊實現(xiàn)直接修改排序值的效果:

    html代碼:

    <div title="【雙擊可直接修改】" class="changeSort" id="{$id}">{$sort}</div>

    JS代碼:

    <script type="text/javascript">

    //雙擊修改排序

     $('.changeSort').dblclick(function(){

      var url = "{:U('setSort')}";

      var td = $(this);

      var id = td.attr('id');

      var text = td.text();

      var txt = $("<input type='text' class='input-small' >").val(text);

      txt.blur(function(){

       // 失去焦點,保存值。于服務(wù)器交互自己再寫,最好ajax

       var newText = $(this).val();

       $.ajax({

         url:url,

         type:'POST',

         data:{'tid':id,'sort':newText},

         dataType:'json',

         success:function(res){

          if(res.flag==1){

          layer.msg(res.msg);

          // 移除文本框,顯示新值

          $(this).remove();

          td.text(newText);

          }else if(res.flag==3){

           layer.msg(res.msg);

           txt.val(newText);

          }

         }

        });

      });

      td.text("");

      td.append(txt);

     });

    </script>

    PHP代碼:

    <?PHP

    /**

      * ajax 設(shè)置排序值

      */

     public function setSort(){

      if(IS_POST){

       $tid = I('post.tid');

       $sort = I('post.sort');

       if(!is_numeric($sort)){

        $arr = array(

         'flag'=>3,

         'msg'=>'請輸入數(shù)字',

         'link'=>'',

         'content'=>''

        );

        $this->ajaxReturn($arr);

       }

       $data = array(

        'id'=>$tid,

        'sort'=>$sort

       );

       $this->mod_sort = M('Sort');

       $res = $this->mod_sort->save($data);

       if($res){

        $arr = array(

         'flag'=>1,

         'msg'=>'排序值設(shè)置成功',

         'link'=>'',

         'content'=>''

        );

       }else{

        $arr = array(

         'flag'=>2,

         'msg'=>'排序值設(shè)置失敗',

         'link'=>'',

         'content'=>''

        );

       }

      }else{

       $arr = array(

        'flag'=>0,

        'msg'=>'請求非法!',

        'link'=>'',

        'content'=>''

       );

      }

      $this->ajaxReturn($arr);

     }

    ?>

    以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。

    更多信息請查看網(wǎng)絡(luò)編程
    易賢網(wǎng)手機(jī)網(wǎng)站地址:jquery ajax雙擊div可直接修改div中的內(nèi)容
    由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

    2026上岸·考公考編培訓(xùn)報班

    • 報班類型
    • 姓名
    • 手機(jī)號
    • 驗證碼
    關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機(jī)站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
    云南網(wǎng)警備案專用圖標(biāo)
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
    云南網(wǎng)警報警專用圖標(biāo)