您现在的位置:计算机技术学习网 > 技术中心 > WEB编程 > JSP >

jquery sortbale cookie保存排序

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 05:22 点击:

Js代码 
<div class="demo">   
   
<div class="column">   
   
 <div class="portlet">   
  <div class="portlet-header">Feeds</div>   
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>   
 </div>   
    
 <div class="portlet">   
  <div class="portlet-header">News</div>   
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>   
 </div>   
   
</div>   
   
<div class="column">   
   
 <div class="portlet">   
  <div class="portlet-header">Shopping</div>   
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>   
 </div>   
   
</div>   
   
<div class="column">   
   
 <div class="portlet">   
  <div class="portlet-header">Links</div>   
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>   
 </div>   
    
 <div class="portlet">   
  <div class="portlet-header">Images</div>   
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>   
 </div>   
   
</div>   
   
</div>   
   
js代码:   
   
 <mce:script type="text/javascript"><!--   
 $(function() {   
  $(".column").sortable({   
   connectWith: '.column'   
  });   
   
  $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")   
   .find(".portlet-header")   
    .addClass("ui-widget-header ui-corner-all")   
    .prepend('<span class="ui-icon-minusthick ui-icon"></span>')   
    .end()   
   .find(".portlet-content");   
   
  $(".portlet-header .ui-icon").click(function() {   
   $(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick");   
   $(this).parents(".portlet:first").find(".portlet-content").toggle();   
  });   
   
  $(".column").disableSelection();   
 });   
    
// -->

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • JSP与Servlet
    • 自己动手写MiniBBS系列(基本篇)之用户登录
    • JSP取当前日期
    • JDBC 入门(一)
    • 打开一个jsp页面默认查询所有数据,调用action
    • 使用JSP标签库验证用户的输入(2)完
    • 自定义JSP标签(tag)浅议
    • WIN98/2000下的jsp服务器
    • JSP内建对象(二)
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1