草庐IT

pink-box-selector

全部标签

javascript - Ion slide box - 如何在 ion slide 中滑动全宽 iframe 视频

在我的页面上,我有一个用于图像的ion-slide-box。由于在我的应用程序中用户将能够嵌入视频,因此我还应该将带有视频的iframe添加到同一个slider。这就是我的代码现在的样子:这是我的html:1">这只适用于图像,但是当我有视频时,如果它们占据100%的宽度,我将无法滑动它们,这是我在我的css中设置的,如果它们的宽度小于该宽度,我只能滑动它们如果我只在iframe不占用slider空间的那部分滑动它们。由于我需要让iframe占用100%的宽度,我想知道如何让它工作? 最佳答案 你试过了吗ion-slides相反?i

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 - 哪个更有效率 - $ ('selector' ).last() 或 $ ('selector:last' )?

我有一个包含大量子元素(1000多个)的父元素。我正在寻找最快的方法来获取最后一个子元素的句柄。我发现的选项是:$('.parent.child').last()和$('.parent.child:last')对于跨浏览器哪个可靠地更快有什么意见吗?编辑我在jsfiddle中编写了一个测试来衡量这一点,结果发现差异几乎可以忽略不计。尽管.last()表现更好,但差异可以忽略不计。所以我认为即使使用:last选择器,它实际上也是在获取整个元素列表然后返回最后一个元素?难以置信。fiddle:http://jsfiddle.net/techfoobar/GFb9f/8/

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 - 为什么 jquery 不是 :not() selector working as I expect it to?

我正在尝试设置一个事件,该事件在单击没有.four类的任何内容时触发。但是,当单击带有.four类的内容时它会触发,即使我使用的是e.stopPropagation()。$("html").one("click",":not(.four)",function(e){e.stopPropagation();console.log("Somethingwithoutclass'four'wasclickedthathadclass:"+$(e.srcElement).attr("class"));});(jsFiddleDemo)这也不起作用:$("html").not('.four').

javascript - jquery属性选择器问题: Dynamic attribute selector

我的代码在这里$("a[href=$.jqURL.url()]").hide();$.jqURL.url()返回当前页面url。但是这段代码不起作用是否可以动态选择? 最佳答案 您需要将选择器构建为字符串:$("a[href="+$.jqURL.url()+"]").hide(); 关于javascript-jquery属性选择器问题:Dynamicattributeselector,我们在StackOverflow上找到一个类似的问题: https://st

javascript - jQuery:单击*仅*此元素

在上面这幅极具艺术感的绘图中,绿色方block是粉红色方block的子元素。粉色方block通过我的函数包裹在绿色方block周围,因此绿色方block可以是任何东西-超链接、图像、按钮等。我只想捕获对粉色div的点击,前提是它不是对绿色元素的点击。这可以通过在绿色方block上使用mouseenter翻转bool值来完成,但对我来说这似乎是一种困惑的方式。有什么线索吗?重要编辑:我根本不能弄乱绿色方block,所以不要向点击事件添加任何内容。 最佳答案 你可以这样做:$('.pink-box-selector').click(fu

javascript - 对于不区分大小写的 jQuery :contains selector?,有什么方法可以加快此解决方案的速度

我找到了thissolution对于StackOverflow上不区分大小写的jQuery:contains选择器。它工作得很好,但它是以性能为代价的。还有其他人觉得这个解决方案有点慢吗?我正在使用:contains选择器来搜索表格。用户在文本框中键入搜索字符串。对于每次击键,它都会在表中搜索该字符串,并通过:contains选择器仅显示包含该字符串的行。在实现不区分大小写的解决方案之前,此搜索快速而活泼。现在有了这个解决方案,它会在每次击键后短暂锁定。关于如何加快此解决方案的任何想法? 最佳答案 我在Google上找到了另一种不区

javascript - 如何将 Selector 与我的 Utility 函数结合使用?

在使用TestCafe编写测试时我正在创建实用函数,但在任何函数中使用Selector('')方法时似乎出现问题。Selector('')方法在测试文件中以及从另一个文件(utility_selectors.js)导入时都可以正常工作。我想我需要在函数中包含一些东西,但我卡住了,似乎找不到解决方案。我的目标是创建一个函数来选择鼠标点击坐标。Utility_selectors.jsimport{Selector}from'testcafe';exportconstviewport=Selector('.viewport').find('canvas');Utility_functions