我有一个隐藏的DIV,其中包含一个类似工具栏的菜单.
我有许多DIV,当鼠标悬停在它们上面时,它们可以显示菜单DIV.
是否有内置功能将菜单DIV移动到活动(鼠标悬停)DIV的右上角?我正在寻找类似的东西$(menu).position("topright", targetEl);
我正在尝试input通过将其类别属性与Javascript变量中的类别顺序进行比较来重新排序标记的子元素category_sort_order.然后我需要删除其类别属性不出现的div category_sort_order.
预期结果应该是:
任何
产品1
产品2
下载
代码:
<div id="input">
<div category="download">download</div>
<div category="video">video1</div>
<div category="video">video2</div>
<div category="product">product1</div>
<div category="any">any</div>
<div category="product">product2</div>
</div>
<script type="text/javascript">
var category_sort_order = ['any', 'product', 'download'];
</script>
Run Code Online (Sandbox Code Playgroud)
我真的甚至不知道从哪里开始这项任务,但如果你能提供任何帮助,我将非常感激.
我有点不确定如何做到这一点.我有一个主面板,我希望根据动作显示DIV.我在html中有这样的DIVS:
<div id="container">
<div id="1"></div>
<div id="2"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
而不是搞乱定位,我想做到这一点,当发生某些事情我可以把div id = 2放在div id = 1之上,尽可能简单.任何建议表示赞赏.
我对无序列表(ul)使用jquery draggble函数,并且面对在更改后设置项目顺序和设置页面顺序的问题.我们有以下代码:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
$(".block").sortable({
axis: 'y',
update: function(event, ui) {// order changed
var order = jQuery(this).sortable('toArray');
// send this order to index.php and store it in db
}
});
});
</script>
</head>
<body>
<ul class="block" type="none">
<li id = "one">1</li>
<li id = "two">2</li>
<li id = "three">3</li>
<li id = "four">4</li>
<li id = "five">5</li>
</ul>
</body>
Run Code Online (Sandbox Code Playgroud)
第二个文件是
<html>
<head>
<script>
$('.secondblock').sortable({axis:'y'});
// get order from index.php and set …Run Code Online (Sandbox Code Playgroud) 是否可以用jQuery重新排序某些div。我的div很少,我想根据div中的数据索引号在页面加载时对其重新排序。
现在:
<div class="score" data-index="3">3</div>
<div class="score" data-index="2">2</div>
<div class="score" data-index="1">1</div>
<div class="score" data-index="4">4</div>
Run Code Online (Sandbox Code Playgroud)
我想要的是:
<div class="score" data-index="1">1</div>
<div class="score" data-index="2">2</div>
<div class="score" data-index="3">3</div>
<div class="score" data-index="4">4</div>
Run Code Online (Sandbox Code Playgroud)
我相信使用jQuery应该有可能。我去每个div并获取数据索引号,但是如何实际排序:D
谢谢!
编辑:一件事是HTML的顺序可以在每次页面加载时变化(顺序可以为3、2、1、4或4、1、3、2或其他任何形式)。
这是我现在拥有的唯一JS:
$("html .score").each(function(index, domEle) {
var score = $(domEle).attr("data-index");
alert(score);
});
Run Code Online (Sandbox Code Playgroud)
只是得到数据索引号警报它。