草庐IT

DropDown

全部标签

javascript - 在移动设备和桌面设备之间切换悬停下拉菜单

我有一些简单的JS,可以根据浏览器的宽度删除或​​添加html。如果它在移动设备中,则应删除属性data-hover。如果宽度在桌面,则应添加该属性。到目前为止效果很好,但问题是Bootstrap无法识别data-hover已被删除。当用户的鼠标离开下拉菜单时,下拉菜单仍会关闭。需要明确的是,当浏览器窗口宽度低于768像素时,当用户的鼠标离开下拉菜单时,我希望下拉菜单保持打开状态。出了什么问题,我该如何解决?JS$(document).ready(function(){$(window).resize(function(){if($(window).width()HTMLCourses

javascript - jQuery 日期选择器 : Convert select dropdown into ul

我正在使用jquery-uidatepicker组件,但是month和year下拉列表是select标签。我需要以select元素无法实现的方式设置它们的样式,因此我想将它们转换为ul元素。任何帮助将不胜感激-这是一个带有jquery-uidatepicker的入门jsFiddlehttps://jsfiddle.net/GeekOnGadgets/wra3pcsv/ 最佳答案 以下代码可能对您有所帮助。你可以在这个jsFiddle中看到结果.//Replaceaselectelementbyaulelementvarconvert

javascript - jQuery 日期选择器 : Convert select dropdown into ul

我正在使用jquery-uidatepicker组件,但是month和year下拉列表是select标签。我需要以select元素无法实现的方式设置它们的样式,因此我想将它们转换为ul元素。任何帮助将不胜感激-这是一个带有jquery-uidatepicker的入门jsFiddlehttps://jsfiddle.net/GeekOnGadgets/wra3pcsv/ 最佳答案 以下代码可能对您有所帮助。你可以在这个jsFiddle中看到结果.//Replaceaselectelementbyaulelementvarconvert

html - 如何更改 bootstrap 4 下拉颜色?

我正在尝试更改bootstrap4下拉导航的背景和字体颜色。我试过.nav.nav-tabs>li.dropdown.active.open>a,.nav.nav-tabs>li.dropdown.active.open>ul.dropdown-menua:hover,.nav.nav-tabs>li.dropdown.open>a,.nav.nav-tabs>li.dropdown.open>ul.dropdown-menua:hover{color:#fff;background-color:#b91773;border-color:#fff;}但这对我来说效果不是很好。这是我的H

html - 如何更改 bootstrap 4 下拉颜色?

我正在尝试更改bootstrap4下拉导航的背景和字体颜色。我试过.nav.nav-tabs>li.dropdown.active.open>a,.nav.nav-tabs>li.dropdown.active.open>ul.dropdown-menua:hover,.nav.nav-tabs>li.dropdown.open>a,.nav.nav-tabs>li.dropdown.open>ul.dropdown-menua:hover{color:#fff;background-color:#b91773;border-color:#fff;}但这对我来说效果不是很好。这是我的H

javascript - 单击嵌套的 Bootstrap Dropdown <li> 时防止滚动

我有两个Bootstrap下拉菜单(拆分按钮)。当下拉菜单处于事件状态时,用户可以按从1到5的数字,但是当他们按其中任何一个时,用户将被重定向到页面顶部。我知道这是正常行为(考虑到他们正在单击“链接”),但我想防止这种影响,因为它会影响移动体验。我尝试在我的jQuery代码中使用returnfalse,但是这样做,当下拉列表处于事件状态时,无法在下拉列表中选择任何元素。有替代方案吗?HTML:Add1vectorToggleDropdown12345jQuery:$('#ajoutera').on('click',function(){nombre_ajout=parseInt($(t

javascript - 单击嵌套的 Bootstrap Dropdown <li> 时防止滚动

我有两个Bootstrap下拉菜单(拆分按钮)。当下拉菜单处于事件状态时,用户可以按从1到5的数字,但是当他们按其中任何一个时,用户将被重定向到页面顶部。我知道这是正常行为(考虑到他们正在单击“链接”),但我想防止这种影响,因为它会影响移动体验。我尝试在我的jQuery代码中使用returnfalse,但是这样做,当下拉列表处于事件状态时,无法在下拉列表中选择任何元素。有替代方案吗?HTML:Add1vectorToggleDropdown12345jQuery:$('#ajoutera').on('click',function(){nombre_ajout=parseInt($(t

html - 如何设置 HTML <select> 元素的宽度,而不考虑每个选项的宽度

实际上我知道选择框width是由列表中最长的选项设置的,但我想增加selecthtml元素的长度(宽度)。我也进行了搜索,我知道这段代码style="max-width:70%"可能有效,但对我不起作用。下面的代码是我的:option1option2option3 最佳答案 您应该使用width属性而不是max-width。将您的代码更正为以下示例:option1option2sdsdsdsdoption3 关于html-如何设置HTML元素的宽度,而不考虑每个选项的宽度,我们在Stac

html - 如何设置 HTML <select> 元素的宽度,而不考虑每个选项的宽度

实际上我知道选择框width是由列表中最长的选项设置的,但我想增加selecthtml元素的长度(宽度)。我也进行了搜索,我知道这段代码style="max-width:70%"可能有效,但对我不起作用。下面的代码是我的:option1option2option3 最佳答案 您应该使用width属性而不是max-width。将您的代码更正为以下示例:option1option2sdsdsdsdoption3 关于html-如何设置HTML元素的宽度,而不考虑每个选项的宽度,我们在Stac

html - 在 Bootstrap 4 上更改下拉图标

在Bootstrap3上,这非常简单,您只需更改跨度并添加您想要的任何图标即可。但Bootstrap4似乎并非如此。或者我可能遗漏了什么?无论如何,这是它的基本代码:DropdownbuttonActionAnotheractionSomethingelsehere有人可以告诉我是否可以更改此下拉图标以及如何更改?我想从fontawesome添加一个。谢谢! 最佳答案 你必须像这样隐藏插入符号图标...dropdown-toggle::after{display:none;}然后添加fontawesome图标..Dropdownbu