html返回时页面右移,jquery 实现 点击把数据移动右侧 点击再次移回到左侧

2018年第一发  希望新的一年和大家一下学习更多知识

JS：//把数据左边挪到了右边，再从右边移动回来

function moveOption(e1, e2){

$("#"+e1+" option").each(function(){

if($(this).is(':selected')){

var oValue = $(this).val().toString();

var oText = $(this).text().toString();

var option = $("").val(oValue).text(oText);

$(this).remove();

$("#"+e2).append(option);

}

});

}

HTML代码：

我是用户名称

我是用户名称

哈哈哈哈哈哈5哈

哈哈哈哈哈哈3哈

οnclick="moveOption('leftId','rightId')">

CSS样式：

.group-box{padding:0;overflow:auto;display:inline-block}.group-box>select{border:1px solid #ddd;width:100%;height:500px;cursor:pointer;overflow:hidden;text-overflow:elipsis;white-space:nowrap}.group-box>select>option{height:30px;line-height:30px}.group-box>i{margin-top:200px}.user-select{width:100%;height:45px;line-height:45px;display:black;background:#ddd}.user-select>div{padding:0;margin:0;display:inline-block}.user-select .title{padding-left:10px;display:inline-block;font-weight:600;color:#fff}.user-select .query{padding-right:30px;display:inline-block;width:100px}.user-select .query>input{width:100px;line-height:25px}

jQuery 移动端ajax请求列表数据，实现点击翻页效果(还有手势往下滑动翻页)。

1 首先是html部分

jquery插件jquery.LightBox.js之点击放大图片并左右点击切换图片(仿相册插件)

该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果,您可以根据自己的实 ...

JQuery以JSON方式提交数据到服务端

JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面 ...

PhoneGap+jQuery Mobile+Rest 访问远程数据

最近研究Mobile Web技术.发现了一个好东西-PhoneGap! 发现用PhoneGap+jQuery Mobile是一个很完美的组合! 本实例通俗易懂.适合广大开发人群:高富帅.白富美.矮穷戳 ...

详谈 Jquery Ajax 异步处理Json数据.

啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面javascript能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法 方法一:(微软有自带Aj ...

利用jQuery接受和处理xml数据

使用jQuery+Servlet接受和处理xml数据,模拟判断用户名是否存在,效果如下: 服务器端 package com.ljq.test; import javax.servlet.http.Ht ...

springMVC框架下JQuery传递并解析Json数据

springMVC框架下JQuery传递并解析Json数据

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (

中间的元素是动态生成的), 现在想为 添加点击事件, 例子如下:

随机推荐

Linux- Bond

---------------check NIC----------------- ①mii-tool 命令 ②ethtool 命令 -i 参数,显示网卡的驱动信息, -S 参数,底层工作状态信息③d ...

C# Json反序列化处理

最近换工作了 从客户端转到Web端 第一个任务就是去别人的页面上抓取数据 用到的是JSON 因为他们网站json的格式有点怪 所以 就在JSON反序列化上面 花了一点时间 首先用到的工具是http:/ ...

vue day6 分页显示

@{ ViewBag.Title = "Home Page"; Layout = null; }

朱晔和你聊Spring系列S1E10：强大且复杂的Spring Security(含OAuth2三角色+三模式完整例子)

Spring Security功能多,组件抽象程度高,配置方式多样,导致了Spring Security强大且复杂的特性.Spring Security的学习成本几乎是Spring家族中最高的,Spr ...

MongoDB常用操作--简介

mongodb在项目中使用越来越觉得日志方面的记录和查询是远远优于MySQL的,所以对其一些基本的操作进行了整理,以下就是整理的一些规则插入数据: insert插入多组数据:inserrAll修改数据 ...

SpringMVC+jquery.uploadify 上传文件

前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在C ...

Django中的路由系统：urls

Django的路由系统 URL配置(URLconf)就像Django 所支撑网站的目录.它的本质是URL与要为该URL调用的视图函数之间的映射表. 你就是以这种方式告诉Django,对于这个URL调用 ...

ORA-00600: internal error code, arguments: [kgl-no-mutex-held]

一.环境 windows oracle 11.2.0.4 RAC 二.问题现象 1.连接数据库后,无法查询 2.报错信息:ORA-00600: internal error code, argumen ...

Android开发之ActionBar

使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果. 第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择An ...