jjzjj

toggle_box

全部标签

javascript - 是否有 JavaScript "select box reveal"事件或类似事件? (使用 jQuery)

我有一个html选择:Chooseone使用jQuery,当显示选择选项列表时,是否有我可以捕获的事件?(我需要这个的原因是因为我想将列表的填充推迟到列表需要显示给用户的那一刻)。mousedown在他们点击它时起作用,但如果他们选择它并按enter则不会做任何事情。focus也适用于单击,几乎适用于跳转到它,但它会在跳转到它时立即触发,而不是等到他们按enter键显示选项列表。(这是一个问题,因为如果他们选择它然后在不按enter的情况下选择它,我不希望事件触发)。我什至想到了这个可恶的东西:varselect_reveal=function(ev){...}$('select').

javascript - D3 : zoom to bounding box with d3-tiles

我已经成功地将D3(矢量)map分层放置在从Mapbox中提取图block的d3-tile(光栅)map之上。手动缩放效果完美,矢量和光栅同步。我现在正在尝试实现MikeBostock'zoom-to-bounding-box'功能,应用程序可在用户单击时放大所需的国家/地区。我想我快到了,但现在似乎不匹配,可以这么说,map缩小到外太空。我在这个jsfiddle中重现了这个问题.我需要在“缩放”功能中进行哪些修改才能使map按预期正确缩放?我认为这就是问题所在:vector.selectAll("path").attr("transform","translate("+[transf

javascript - 使用 box-sizing :border-box 时,jQuery.height() 在 WebKit 和 Firefox 中的行为不同

我有一个应用了以下样式的文本区域:textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}如果我随后运行以下javascript/jquery代码,使用Safari(5.0.6)和Chrome(16.0.x)时,我的文本区域的高度将减半:$('textarea').each(function(){var$this=$(this);$this.height($this.height());}根据.height()的jQuery文档,这是预期的行为,因为.height()返回内容高度(无填充、边框),而不管box

javascript - 如何将 'toggle' 事件绑定(bind)到元素

有没有一种方法可以将“绑定(bind)”语法用于“切换”事件处理程序?从文档我可以理解正确的方法是$('.selector').toggle(function(){},function(){});我的问题是我出于某种原因要删除该元素,然后再次将其添加到DOM。再次添加时,切换不起作用。因此,我认为应该有一种方法来“绑定(bind)”切换。请帮忙。这是我正在关注的文档:http://jqapi.com/#p=toggle 最佳答案 您必须使用.live()或.delegate()将处理程序添加到所有现在的和future的元素。问题是.

javascript - 为什么 jQuery "toggle"按钮会触发表单上的提交按钮?

我构建了一个相当复杂的表单,其中包含一个隐藏部分,用户可以在必要时将其打开以输入更多信息。但是,当您单击标记为我有更多诞生的切换按钮时,它会触发提交按钮并提前提交表单。表格现在正在开发中,但可以找到here.我用于切换按钮的代码是:$(function(){$("#schedule").accordion({header:"h5",collapsible:true});$("#more-nativities").hide();$("#toggle").click(function(){$("#more-nativities").slideToggle("slow");});});提交按

javascript - 如何更改 jquery .toggle() 以使用显示 :table-cell?

我正在使用jquery.toggle()在页面上显示一个div,该页面在页面加载时显示为无。但是,在默认设置下,jquery会插入display:block,我希望在其中显示:table-cell。我怎样才能做到这一点?到目前为止我的尝试:test.mydiv{display:table-cell;}$("a#showdiv").click(function(){$(".mydiv").toggle(); 最佳答案 使用.toggleClass()而是使用css进行样式设置..htmltestCSS.mydiv{display:ta

javascript - jQuery .toggle() 和媒体查询

我在button元素上使用.toggle():$("headerbutton").click(function(event){$(".site-nav-wrapper").toggle();event.preventDefault();});这很好用。问题是如果button切换到display:none然后我改变设备方向,触发我的桌面媒体查询,尽管我重新强制display:block;在桌面媒体查询上,按钮保持切换到display:none:(萨斯):.site-nav-wrapper{//MobileFirstdisplay:none;@includebreakpoint($brea

javascript - jack 摩尔缩放 1.7.15 : Toggle zoom on touch device with double tap

使用Jackmoore的Zoom:http://www.jacklmoore.com/zoom/https://github.com/jackmoore/zoom我想在触摸设备上使用双击来切换缩放效果。原因是我为图像使用的轮播(OWLCarousel)也具有滑动功能,并且缩放通过触摸和拖动图像在触摸设备上工作,这与滑动冲突。就像topman网站对移动设备所做的一样:http://www.topman.com/en/tmuk/product/clothing-140502/mens-blazers-5369753/black-textured-slim-fit-tuxedo-jacket

c# - CSS + jQuery - 无法执行 .toggle() 并重复 jQueryTemplate Item [我必须警告你这有点让人不知所措]

好的,我们开始:Stream.html(模板文件)${Sender}${Value}${DateTime}Value默认.aspx(jQuery)$('.toggleInput').live('click',function(){$(this).parent().parent().find('.inputContainer').toggle();$(this).parent().parent().find('.inputContainer').find('input[type=text]').focus();});更新:以上内容修改为:$('.toggleInput').live('c

javascript - data-toggle ="modal"有什么用?

这个问题在这里已经有了答案:Thedata-toggleattributesinTwitterBootstrap(10个答案)关闭8年前。我有一个按钮代码,是有人创建的。以下是按钮代码:AddEmployee我已经编辑了与按钮相关的函数(从按钮发送新数据,并在函数中调用它),但没有任何反应。然后我尝试删除data-toggle="modal",弹窗没有显示。所以,我想知道data-toggle="modal"有什么用?我认为这是模态链接:有人能给我解释一下data-toggle="modal"吗?谢谢。