Javascript 需要此切换的帮助以进行小更改
在下面的代码中,我只想当我单击面板内的任何内容(面板内的p标记中包含的内容)时,不应在面板上滑动,直到使用了单击面板或其他位置,但不使用面板内的子元素p,请参阅fiddle中的html以获取帮助,如果使用了其他面板上的单击事件,则单击尝试不应关闭面板。这个剧本是我早些时候和praveen先生合作的 代码是Javascript 需要此切换的帮助以进行小更改,javascript,jquery,css,toggle,Javascript,Jquery,Css,Toggle,在下面的代码中,我只想当我单击面板内的任何内容(面板内的p标记中包含的内容)时,不应在面板上滑动,直到使用了单击面板或其他位置,但不使用面板内的子元素p,请参阅fiddle中的html以获取帮助,如果使用了其他面板上的单击事件,则单击尝试不应关闭面板。这个剧本是我早些时候和praveen先生合作的 代码是 $(document).ready(function () { $("#toggle li > .panel").hide(); $('.plusminus').html
$(document).ready(function () {
$("#toggle li > .panel").hide();
$('.plusminus').html('+');
$('#toggle li').click(function () {
if( !$(this).children('.panel').is(":visible") ) {
$("#toggle li > .panel").slideUp();
$('.plusminus').html('+');
}
a = $(this).children(".plusminus");
$(this).children(".panel").slideToggle('fast', function(){
a.html($(this).is(":visible") ? '--' : '+');
});
});
$("body").click(function(event){
if ($(event.target).closest("ul").attr('id') != "toggle") {
$("#toggle li > .panel").slideUp();
$('.plusminus').html('+');
}
});
});
摆弄小提琴是很重要的
删除$(“#toggle li>.panel”).hide()
ondocument load
使面板在load
添加$(“#toggle li>.panel”)。单击(函数(事件){
event.stopPropagation();
});代码>
当您在面板内单击时,将使下拉列表不关闭我不太理解您的问题。“如果我点击任何带有面板的内容标签,我能让它工作吗”?你所说的内容标签到底是什么意思?您页面上的哪些对象应该是可点击的?@Nisanth:+1@卡马尔:顺便说一句,你真的想在打开另一个菜单时折叠一个菜单,还是有问题?@Nisanth在fiddel的html中看到单击(try),在ElesWhere上的单击事件执行之前,该菜单不应该滑动。@Nisanth很多次都成功了,天哪,我没有想到,你们这些家伙对我这样的新手真是帮了大忙。。。