<div class="test one">aaa</div>
<div class="test two">bbb</div>
<div class="test three">ccc</div>
Run Code Online (Sandbox Code Playgroud)
有可能改变命令这个div与jQuery?我想收到:
<div class="test two">bbb</div>
<div class="test three">ccc</div>
<div class="test one">aaa</div>
Run Code Online (Sandbox Code Playgroud)
我只能使用jQuery
如果文件准备就绪,我将只做一个.
我希望能够div通过单击按钮对页面上的一些元素进行排序.
所有这些都有简单的文本内容,例如:
<div class='sortme'>
CCC
</div>
<div class='sortme'>
AAA
</div>
<div class='sortme'>
BBB
</div>
<div class='sortme'>
DDD
</div>
Run Code Online (Sandbox Code Playgroud)
当用户单击按钮时,应按字母顺序重新排列.显然,有很多方法可以做到这一点,最明显的是我们可以将所有内容都放到一个数组中,对数组进行排序并根据它重新创建HTML.
这是这种解决方案的一个例子:
http://jsfiddle.net/hibbard_eu/C2heg/
然而,这对于已经使用的大量代码来说不会很好,而且我希望能够简单地移动div而不做任何破坏性的操作.这可能吗?
好的,让我举个例子:
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#options_2").hide();
$("#options_3").hide();
});
</script>
</head>
<body>
<div id="options_1">option 1</div>
<div id="options_2">option 2</div>
<div id="options_3">option 3</div>
<a href="" class="selected">choose option 1</a>
<a href="">choose option 2</a>
<a href="">choose option 3</a>
</body>
Run Code Online (Sandbox Code Playgroud)
正如您所看到的,默认情况下只有选项1可见,并且您单击以显示选项1的链接默认情况下具有class ="selected",向用户显示当前选择了该选项.我基本上想要它,以便当他们点击"选择选项2"时,选项1 div隐藏自己,选项2 div显示自己,然后给第二个链接选择的类,并从图像链接中删除该类.
它基本上只是使用链接和div的标签,但由于我必须显示它的格式我不能使用我在网上找到的任何标签插件.
我的页面上有2个iFrame.两者都可以使用jQuery UI进行拖动.如果两个iFrame都拖动到相同的空间,即加载第二个的iFrame总是占主导地位的,即.它涵盖了第一个iFrame.有没有办法将iFrame设置为主要的iFrame,这样如果我移动第一个iFrame并将其放在第二个iFrame上,它将覆盖第二帧,反之亦然?
HTML:
<a class = 'expandorcollapse3' href = '#'>Web Page 1</a>
<br>
<a class = 'expandorcollapse4' href = '#'>Web Page 2</a>
<div id = 'iframetest1' style = 'display: none'>
<iframe id = 'iframe1' src = 'http://www.wsj.com'></iframe></a></div>
<div id = 'iframetest2' style = 'display: none'>
<iframe id = 'iframe1' src = 'http://www.wsj.com'></iframe></a></div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#iframe1 {width: 600px; height: 500px; border; 1px solid black; zoom: 1.00; -moz-transform: scale(0.65); -moz-transform-orgin: 0 0;
-o-transform: scale(0.65); -o-transform-origin: 0 0; -webkit-transform: scale(0.65); -webkit-transform-origin: 0 0;}
#iframetest1 …Run Code Online (Sandbox Code Playgroud) 有没有一种简单的方法来改变排序顺序并从PrimeFaces选项列表中移动按钮?为了更好的可用性,我需要按钮按此顺序:
分类:
all up
up
down
all down
Run Code Online (Sandbox Code Playgroud)
和移动:
all to the right
right
left
all to the left
Run Code Online (Sandbox Code Playgroud)
我只是实现虚拟页面的人,而其他人必须实现我在这里设计的PrimeFaces组件.所以我不希望它对程序员来说是一项不可能完成的任务.