-1

我需要在 Javascript 函数中生成这 4 个 JQuery 调用:

$(".dropdown-menu .1_147").hover(
  function() { $("#1_147").show(); },
  function() { $("#1_147").hide(); }
);

$(".dropdown-menu .2_147").hover(
  function() { $("#2_147").show(); },
  function() { $("#2_147").hide(); }
);

$(".dropdown-menu .3_147").hover(
  function() { $("#3_147").show(); },
  function() { $("#3_147").hide(); }
);

$(".dropdown-menu .4_147").hover(
  function() { $("#4_147").show(); },
  function() { $("#4_147").hide(); }
);

我写了一个 Javascript 函数,FOR 循环只生成最后一次交互“4_147”。如何告诉 Javascript 生成 4 个 JQuery 调用?

我当前的 JavaScript:

var submenu_navigation = document.getElementsByClassName("dropdown-menu");
var submenu_navigation_list = submenu_navigation[0].getElementsByTagName('li');

/*console.log(submenu_navigation_list);*/

function generateDropdownMenuMoldura(lis_array) {

    for (var item in lis_array) {

        var item_class_attr_name = lis_array[item].getAttribute('class');

        console.log(item_class_attr_name);

        $(".dropdown-menu ." + item_class_attr_name).hover(
          function() { $("#" + item_class_attr_name).show(); },
          function() { $("#" + item_class_attr_name).hide(); }
        );


    }   
}


generateDropdownMenuMoldura(submenu_navigation_list);

有什么线索吗?

此致,


更新:

我得到了解决方案:

/* Define the Elements that I need to loop */
var submenu_navigation = document.getElementsByClassName("dropdown-menu");
var submenu_navigation_list = submenu_navigation[0].getElementsByTagName('li');


function generateDropdownMenuMoldura(lis_array) {

    for (var item in lis_array) {

        var item_class_attr_name = lis_array[item].getAttribute('class');

        console.log(item_class_attr_name);

        (function(item_class_attr_name) {
            $(".dropdown-menu ." + item_class_attr_name).hover(
              function() { $("#" + item_class_attr_name).show(); },
              function() { $("#" + item_class_attr_name).hide(); }
            );
        })(item_class_attr_name);


    }   
}


generateDropdownMenuMoldura(submenu_navigation_list);

我的问题是:这个匿名函数调用是如何工作的?这是递归技术?

此致,

4

2 回答 2

0

如何解决您的具体解决方案已在另一个问题中得到解答

但为什么这么复杂?从您当前拥有的 JavaScript 来看,并假设除了范围之外的所有内容都可以正常工作,一个更简单的解决方案是:

$(".dropdown-menu li").hover(function() { 
    $('#' + this.className).show(); 
}, function() { 
    $('#' + this.className).hide();
});

无需为每个元素绑定不同的处理程序,因为它们基本上都做相同的事情。

于 2012-08-09T12:42:35.880 回答
0

看看jQuery.each('dropdown-menu')方法。这是for循环。

HTML 示例

<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

jQuery 示例

$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});
于 2012-08-09T12:36:28.127 回答