0

ボタンをクリックするとページが読み込まれますが、ホバーすると、コンテンツを div に読み込む WordPress テンプレートに次の jQuery があります。

jQuery(document).ready(
 function(){
 jQuery("#menu-item-72 a, #menu-item-71 a, #menu-item-70 a,
         #menu-item-69 a, #menu-item-68 a, #menu-item-67 a")
     .mouseover(function () {
       jQuery("#content").load(jQuery(this).attr("href") + " #content");
     });
});

マウスアウトの設定について助けが必要です

したがってsite.com/about、メニューにマウスオーバーすると、コンテンツがdivに読み込まれ、マウスアウトでaboutページのコンテンツに戻ります...など

これで助けてくれてありがとう

4

1 に答える 1

0

これは大まかな解決策です（最適化が必要な場合があります）：

jQuery(function() {
    (function($) {

        //original html storage
        var origHtml = [];

        //create the child selectors 
        var links = [
            '#menu-item-72 a',
            '#menu-item-71 a',
            '#menu-item-70 a',
            '#menu-item-69 a',
            '#menu-item-68 a',
            '#menu-item-67 a'
            ].join(',');

        //use jQuery to apply one handler for all links
        $('nearest_common_parent_to_links').on('mouseover', links, function() {

            var url = $(this).attr("href") + " #content";

            //remove the original content and store
            origHtml = $("#content").children().detach();

            //load your custom content                
            $("#content").load(url);

        }).on('mouseout', links, function() {

            //restore original html
            $("#content").html(origHtml);

        });
    }(jQuery));
});​
于 2012-03-26T07:39:40.957 に答える