的slideToggle（）在PHP中使用jQuery菜單欄沒有工作

我得到這個代碼：的slideToggle（）在PHP中使用jQuery菜單欄沒有工作

<div id='news' class='menuitem'> 
<span onClick="MenuItemAction('news')"> //----- CLICK HERE 
.... 
</span> 
</div> 
<div id='news_Submenu' class='Submenu'> //----- SLIDE DOWN/UP SHOWING THIS 
.... 
</div> 


<div id='forum' class='menuitem'> 
<span onClick="MenuItemAction('forum')"> //----- CLICK HERE 
.... 
</span> 
</div> 
<div id='forum_Submenu' class='Submenu'> //----- SLIDE DOWN/UP SHOWING THIS 
.... 
</div>

這jQuery的嘗試：

$(document).ready(function MenuItemAction(element){ 
    $(document).click(function(){ 
    $("#"+element+"_Submenu").slideToggle("medium"); 
    }); 
});

實驗值：我要點擊相應的span來顯示/隱藏相應的div。

來源

2014-01-09 user3050478

它在控制檯中顯示的是什麼？任何錯誤？你有沒有正確的包含jQuery庫？ –

不，任何錯誤，但效果slideToggle不起作用。對不起，我是新手... jQuery庫怎麼這樣？ – user3050478

你需要jQuery庫。在頁面的頂部添加這樣的內容：'' –

而不是使用一個內嵌的點擊處理程序使用的jQuery cli CK處理程序，並使用data-*屬性指定目標元素的ID

你可以嘗試像

<div id='news' class='menuitem'> 
    <span data-target="news" class="trigger"> 
     Triger 
    </span> 
</div> 
<div id='news_Submenu' class='Submenu'> 
    .... 
</div>

然後

$(document).on('click', '.menuitem .trigger', function() { 
    $("#" + $(this).data('target') + "_Submenu").slideToggle("medium"); 
});

演示：Fiddle

來源

2014-01-09 06:00:01

謝謝回答...我現在試試 – user3050478

工作正常，謝謝！ – user3050478

試試這個

function MenuItemAction(element) { 
    $("#"+element+"_Submenu").slideToggle("medium"); 
}

代替

$(document).ready(function MenuItemAction(element){ 
    $(document).click(function(){ 
    $("#"+element+"_Submenu").slideToggle("medium"); 
    }); 
});

小提琴http://jsfiddle.net/ZxtNt/

PS：不要把這個功能MenuItemAction下document.ready

來源

2014-01-09 05:58:45 zzlalani

仍然無效：/ – user3050478

檢查小提琴的工作.. – zzlalani

PS：不要把它放在document.ready – zzlalani

試試這個

function MenuItemAction(element) { 
    $("#"+element+"_Submenu").slideToggle("medium"); 
}

DEMO Fiddle

來源

2014-01-09 06:00:27

改變你的代碼，並嘗試：

<div id='news' class='menuitem'> 
    <span class="MenuItemAction" id='news'> //----- CLICK HERE 
    .... 
    </span> 
</div> 
<div id='news_Submenu' class='Submenu'> //----- SLIDE DOWN/UP SHOWING THIS 
    .... 
</div> 

<div id='forum' class='menuitem'> 
    <span class="MenuItemAction" id='forum'> //----- CLICK HERE 
    .... 
    </span> 
</div> 

<div id='forum_Submenu' class='Submenu'> //----- SLIDE DOWN/UP SHOWING THIS 
    .... 
</div>

--- jQuery的---

jQuery(document).ready(function($){ 
    $('.MenuItemAction').click(function(e){ 
     var element = $(this).attr('id'); 
     $("#"+element+"_Submenu").slideToggle("medium"); 
    }); 
});

來源

2014-01-09 06:01:34

我想你是誤會$（文件）。就緒功能（FUNC ）。

當DOM被加載時，ready函數將調用函數。

你需要的是一個點擊事件處理程序。請嘗試以下操作：

1定義的腳本標籤

2添加MenuItemAction功能：

function MenuItemAction(element){ 
    $("#"+element+"_Submenu").slideToggle("medium"); 
});

無需添加它準備好了。

來源

2014-01-09 06:03:35 Sho

的slideToggle（）在PHP中使用jQuery菜單欄沒有工作

回答

相關問題