Tag: 下拉菜单

让Lavalamp jQuery插件与下拉菜单一起使用？: 我有一个jQuery Lavalamp插件的问题。它与单级菜单完美配合，但在添加下拉列表后，它会有点丢失。这就是我的意思： http ： //screenr.com/0fS 。当然，我想要实现的是，当用户将鼠标hover在子项目上时，lavalamp背景将保留在Portfolio项目上。我想这是一个稍微改变插件的问题，所以这里是插件的完整代码。所需要的只是一种简单的方法，让lavalamp在当前阶段停止，当的孩子们徘徊，然后恢复正常工作。这是完整的插件代码供参考！ (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: “linear”, speed: 500, click: function(){} }, o || {}); return this.each(function() { var me = $(this), noop = function(){}, $back = $(”).appendTo(me), $li = $(“li”, this), curr = $(“li.current”, this)[0] || $($li[0]).addClass(“current”)[0]; […]

WordPress下拉菜单点击打开: 我正在尝试创建一个单击时打开的wordpress下拉菜单。当你选择一个post并且页面加载该post时它应该保持打开状态。问题是我正在使用自定义菜单项链接，它链接到任何内容（“＃”）只是为了使它们可以点击。单击“可点击的第二级标题项”时菜单打开，但“第三级post”上的链接不起作用，而是单击它时菜单关闭。 HTML： Main menu title item Post 1st lvl Post 1st lvl Post 1st lvl Post 1st lvl Clickable 2nd level title item Post 3rd lvl Post 3rd lvl Post 3rd lvl jQuery的： $(‘#menu-header ul.sub-menu li.second:not(“.third”)’).toggle(function() { $(this).find(‘ul.sub-menu:first-of-type’) .stop(true, true).delay(50).show(“slow”); }, function(){ $(this).find(‘ul.sub-menu:first-of-type’) .stop(true, true).delay(150).animate({ “height”: “hide”, “opacity”: “hide” }, 400 ); […]

使用jQuery应用css会阻止显示下拉列表: 所以我有一些标签，我想在IE中显示整个内容。我环顾四周并发现了一些修复，但我不想包含YUI，因为我已经在其他地方使用了jQuery，并且更愿意在页面上保留选择而不是用DIV替换它。在我提出的代码中，FF3运行良好。在Internet Explorer（6,7,8）中，第一次单击会闪烁下拉列表然后消失。我已尝试使用focus和mousedown代替代码中的click事件，但没有成功。如果我在autoWidth中删除了element.css两个设置，则下拉按预期工作，没有宽度很好的奖励。有谁知道什么会导致css的设置使IE中的下拉失败？ var count = 0; autoWidth = function(e) { $element = $(e.target) $element.css(“width”,”auto”); if($element.width() < $element.data("originalWidth")) { $element.css("width", $element.data("originalCSSWidth")); } } resetWidth = function(e) { $element = $(e.target) $element.css("width", $element.data("originalCSSWidth")); $("#counter").text(++count); } recordEvent = function(e) { $("#event").text($("#event").text() + " " + e.type); } dropDownIEWidthFix = function() […]

在bootstrap popover中选择不工作？: 当我第一次打开弹出窗口时，所选择的下拉菜单效果很好，但是当我关闭然后再次打开它时它不起作用，它有点冻结。这就是我正在做的事情：我的网站上有4-5个链接，当用户点击弹出窗口打开的任何链接时。用户在输入字段中填写详细信息，在选择框中选择值等。现在当用户点击保存时，我关闭弹出窗口并保存弹出窗口的html。现在当我再次打开popover时，每个值都与上次用户填充的值相同。但是对于我选择的，它会冻结到最后一次采用的值，我无法选择任何值。

使用ajax调用将项目填充到下拉列表并分配所选值: 请参阅下面的代码 $(document).ready(function () { readddl().done(function () { $(‘#ddlAreas’).val(“51”); }); $(“#plusBtn”).bind(“vclick”, function () { $(‘#ddlAreas’).val(“51″); }); }); function readddl() { var df = $.Deferred(); var stateID = 18; var dropdwonlist = $(‘#ddlAreas’); dropdwonlist.empty(); dropdwonlist.append($(”).val(“–“).html(“Select Area”)); if (stateID != undefined && stateID != “–“) { // Send an AJAX request $.getJSON(Config.Url + “Area?status=A&&stateID=” + stateID) .done(function (data) […]

Jquery – 在一个简单的下拉菜单中操作类: 所有，我以前发过一个问题，但没有得到答案（诚然，由于措辞不佳）。在更新/测试代码之后重新发布。我想构建一个简单的下拉菜单。 Jsfiddle 。问题：菜单下拉并重新点击标签，折叠得很好。但是，当菜单关闭而另一个标签是点击时，事情会变成梨状，即其他菜单不会下降。我已经使用firebug广泛测试了jquery代码，并注意到了很多exception情况。例如，我想到了我的目的，jquery代码： $(‘ul’, curTab).***与$(curTab).children(0).*** ，有时这段代码运行正常，其他时间它没有。我一直注意到’addClass’和’removeClass’方法没有按预期添加和删除类。 if ($(‘.cTabActive’)){…}不起作用，语法错误？如果我这样做if ($(‘.cTabActive’, aFileTabs)){…} ，这也不起作用…… 我完全在我的智慧结束这个所谓的简单代码。非常感谢帮助。代码:(请查看上面的jsfiddle.net代码） HTML ： File NewCtrl-U OpenCtrl-Z Edit UndoCtrl-M Settings Front ViewCtrl-A JAVASCRIPT ： $(‘.filetabs’).on(‘click’, function (e) { function abc() { if ($(curTab).hasClass (‘cLastFileTabs’)) { $(‘ul’, curTab).css ({left: ‘-66.6%’}); $(‘ul’,curTab).animate ({opacity: 1}, […]

jQuery：如何仅在移动屏幕分辨率下隐藏下拉菜单？: 我正在创建一个CSS响应式网站。如何在移动屏幕分辨率下隐藏下拉菜单？并且在更大的分辨率下再次出现？（我是jQuery的新手）这是我的HTML： About Link 1 Link 2 Link 3 而我的jQuery： $(‘#menu li ul’).css({ display: “none”, }); $(‘#menu li’).hover(function() { $(this) .find(‘ul’) .stop(true, true) .slideDown(‘fast’); }, function() { $(this) .find(‘ul’) .stop(true,true) .fadeOut(‘fast’); });

基础5 – 使用JQuery改变下拉方向，适用于中小屏幕: 我已经实现了一个左手菜单，其中包含多个向下对齐的下拉菜单，因此它就像一个飞出菜单。在大屏幕上，这很好用。在一个小屏幕上，Foundation会自动更改下拉列表以对齐底部，这也可以正常工作。但是，在中等屏幕即平板电脑上，下拉列表仍然会尝试向右对齐，但大部分都在屏幕外，无法选择。因此，我希望它能让下拉菜单在中小屏幕上自动对齐到底部。我怎么能用JQuery做到这一点？ Components Accessories for tower cases Cooling 我试过以下bt没有任何反应： $(“.side-nav”).data(‘options’, “is_hover:true;align:bottom;”);

jQuery Toggle函数与Mouseup冲突: 我正在尝试创建一个下拉菜单，可以使用切换按钮打开和关闭它，也可以通过单击文档本身的任何位置来关闭它。当某人点击“切换”按钮时，菜单会正常打开。如果访问者然后单击文档上的任何其他位置，菜单将关闭，但需要2次单击才能再次激活该按钮的切换function。当然，我想将其减少到1次点击。查看http://jsfiddle.net/MEweN/3/以解决此问题。有人可以帮帮我吗？

如何从动态创建的复选框javascript中创建复选框事件: 我有三个参数，即模型，目的地和标准。每当用户从下拉列表中选择目标和条件所依赖的模型时，都会显示目标的动态复选框。当用户勾选目的地时，将显示其特定标准。这是一个后续问题：如何在下拉列表中动态显示多个复选框列表 function populate(model, destination) { var mod = document.getElementById(model); var des = document.getElementById(destination); des.innerHTML = “”; if (mod.value == “model-a”) { var optionArray = [“Model-A.1”, “Model-A.2”, “Model-A.3”]; } else if (mod.value == “model-b”) { var optionArray = [“Model-B.1”, “Model-B.2”, “Model-B.3”]; } else if (mod.value == “model-c”) { var optionArray = [“Model-C.1”, […]