草庐IT

价格拖动

全部标签

jquery - jquery 拖动停止后 chrome 中的表格边框问题

更新使用position:relative:td,th然后,当拖动jquery拖动后表格边框消失在mozila和ie中工作正常但在chrome中不工作jsfiddlehereHTMLidnamecity1abcabc2xyzxyzCSStable{border-collapse:collapse;}td,th{border:1pxsolid#000;padding:5px20px;}th{background-color:#f3f3f3;}.drag{background-color:#f3f3f3;height:20px;width:100px;}JS$('.person').dra

HTML5 在 <input> 中用鼠标在可拖动的 div 上选择文本

在下面的代码中,我希望能够在不移动父div的情况下使用鼠标选择文本。(没有jQuery) 最佳答案 我的建议是,为输入元素设置一个onblur和onfocus事件,以切换对象的draggable属性。这是对我有用的测试代码:#dragObject{background-color:grey;padding:80px20px;width:175px;}functionentering(){document.getElementById('dragObject').setAttribute("draggable","false");}f

html - "googlemaps"用html5 Canvas 拖动

我有一个大的html5Canvas(比屏幕大得多),我想实现“google-maps”拖动。我希望Canvas可以通过鼠标拖动,并且我希望每次拖动它时它只渲染我们在屏幕上可以看到的部分。有人有好主意吗? 最佳答案 我通过在Canvas元素上使用jQueryUI可拖动组件解决了这个问题。我将它封装在一个div中-将溢出设置为隐藏,并将Canvas设置为我需要的大小。很有魅力http://jqueryui.com/demos/draggable/ 关于html-"googlemaps"用ht

jquery - 使用带有 HTML 本地存储的 jquery 可拖动时,Div 位置略有偏移

我有一个可拖动的div元素,它使用HTML5localStorage来记住它在用户页面上的位置。这很好用。如果div被拖动到另一个打开的选项卡中,我还使用window.addEventListener更新位置。这可行,但div在一个浏览器选项卡中的位置与另一个选项卡中的div略有偏移。有谁知道是什么原因造成的?下面是一个基本示例。将其保存为html文件并在两个不同的选项卡中打开它以查看发生了什么。UntitledPage.note{position:absolute;width:200px;height:220px;background:#2E2E2E;top:50px;left:50

html5 - 拖动 Canvas

我有一个巨大的HTML5Canvas,我希望它像谷歌地图一样工作:用户可以拖动它并始终只看到它的一小部分(屏幕大小)。它只呈现您在屏幕上可以看到的部分。我该怎么做?你有想法吗? 最佳答案 2个简单的步骤:将Canvas放在div中容器overflow:hidden使用任何方法使Canvas可拖动(我将使用jQueryUI)要遵循我的方法,您需要转到jQueryUI网站并下载任何版本的jQueryUI(对于此示例,您可以创建仅包含UICore和DraggableInteraction的自定义版本。)解压.zip文件并将“js”文件夹移

javascript - 在 iOS Safari 中禁用链接上的默认拖动行为

我正在开发一个网络应用程序。我试图禁用链接上的大部分默认iOSSafari行为,因此我将链接上的“-webkit-touch-callout”CSS属性设置为“无”。但是,我仍然注意到,如果我将手指放在链接上一秒钟左右,然后拖动它,然后放开它,链接就会在新窗口中打开。我不想要这种行为。我希望它在同一个窗口中打开,或者什么也不做。有谁知道如何做到这一点?编辑:我正在使用jQuery,所以如果可以简化事情,可以使用jQuery的事件处理函数。编辑2:对于某些链接,我使用处理程序来覆盖它们的默认行为。例如:$(".categoryLista").live("click",function(e

jquery - 当绝对定位的元素(部分)离开屏幕时,如何防止鼠标拖动时屏幕滚动?

我不希望我的网页滚动。我有一个宽度100%,我设置它的overflow至hidden,它通常有效。没有滚动条,没有鼠标滚轮/触摸板手势滚动。但是,如果我在任何地方单击并拖动,我仍然可以滚动。糟糕的是,我有一个绝对定位的div,因此它会粘在其父项之外,部分(有时甚至完全)超出屏幕。由于一些原因,我现在无法解决这个问题。这个fiddle说明了我的问题(我在webkit中看到它),http://jsfiddle.net/ax5x7/2/在HTML中向右拖动几乎任何地方都会导致页面滑动。因为没有滚动条,所以返回很棘手,所以如果你错误地这样做,它看起来很糟糕。在这里闲逛发现一个与jQuery的弃

javascript - jQuery 类型错误 : $ ("img"). 可拖动();不是函数

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭9年前。您好,过去3小时我一直遇到此代码的问题,我希望有人能够帮助我。jQuery$(document).ready(function(){$("img").draggable();});HTMLheaderChessFireBug错误TypeError:$("img").draggableisnotafunction[BreakOnThisError]$("im

javascript - 如何将 jquery ui 可拖动可排序的东西与自定义比例代码结合起来?

我正在尝试将我的可拖动排序内容与一些适合我的缩放代码结合起来。我只是还没找到好的解决方案。看看那个:http://jsfiddle.net/UXLAE/7/我已经注释掉了比例代码,这样您就可以看到该应用程序实际应该如何工作。您有顶部面板,可以将元素从那里拖到底部面板(元素被克隆)。在底部面板中,您必须能够对元素进行排序。现在我还希望能够在鼠标悬停时缩放顶部和底部面板中的每个元素。比例尺必须是叠加层,并且必须与源元素具有相同的中心。我没能用.animate()或.effect("scale")做到这一点,这会让事情变得容易得多,但我设法编写了一些效果很好的自定义代码(我注释掉的部分)。我

javascript - jQuery UI Sortable——当页面可滚动时,Div 不可拖动

预先感谢您查看我的问题。我正在创建一个网站,其中有一个div列表,可以使用jQueryUIs在Y轴上进行排序。可排序。因为我希望它在使用触摸的移动设备上运行,所以我必须添加一些技巧以确保jQueryUI可用(因为它目前不支持触摸事件。)。技巧被称为jQueryUItouchpunch。网站:jQueryUItouchpunch.GitHub:jQueryUItouchpunch.Nowcomesmyproblem.Sometimesthelistgetssobigthatthewebsitewillgetscrollableandwhenthesiteisscrollableicann