相关疑难解决方法(0)

如何使用jQuery将一个元素相对于另一个元素定位?

我有一个隐藏的DIV,其中包含一个类似工具栏的菜单.

我有许多DIV,当鼠标悬停在它们上面时,它们可以显示菜单DIV.

是否有内置功能将菜单DIV移动到活动(鼠标悬停)DIV的右上角?我正在寻找类似的东西$(menu).position("topright", targetEl);

jquery

351
推荐指数
4
解决办法
41万
查看次数

按自定义排序顺序对jQuery中的Div进行排序

我正在尝试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)

我真的甚至不知道从哪里开始这项任务,但如果你能提供任何帮助,我将非常感激.

javascript sorting jquery

15
推荐指数
4
解决办法
2万
查看次数

JQuery(Javascript)/ CSS,在不使用定位的情况下重新排列DIV中元素顺序的方法?

我有点不确定如何做到这一点.我有一个主面板,我希望根据动作显示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之上,尽可能简单.任何建议表示赞赏.

javascript css jquery

2
推荐指数
1
解决办法
2365
查看次数

获取项目的顺序jquery可排序并为它们设置顺序

我对无序列表(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)

javascript jquery

1
推荐指数
1
解决办法
2729
查看次数

用jQuery重新排序div

是否可以用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)

只是得到数据索引号警报它。

html jquery html5 sql-order-by

0
推荐指数
1
解决办法
7179
查看次数

标签 统计

jquery ×5

javascript ×3

css ×1

html ×1

html5 ×1

sorting ×1

sql-order-by ×1