腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >不使用jquery ui draggable拖动jquery iframe内容

问不使用jquery ui draggable拖动jquery iframe内容
EN

Stack Overflow用户

提问于 2012-04-24 17:42:01

回答 2查看 653关注 0票数 0

是否可以将Jquery UI draggable函数应用于iframe内容，这样我们就可以在iframe中拖动它。如果是，那是怎么做的？

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-04-24 17:44:05

答案是否定的：http://jsfiddle.net/8NN9Y/14/

考虑使用另一个标记，如div

http://jsfiddle.net/8NN9Y/15/

票数 0

Stack Overflow用户

发布于 2013-03-19 10:23:00

我知道这是相当晚的一天，但它可能会帮助其他人谁跌倒在这篇文章。如果我理解正确的话，您想要在iframe中拖动iframe的内容？这应该是可能的-但您需要将相关的javascript库包括到iframe中的脚本中-而不是父脚本。所以在这个例子中...

<iframe src="contentIwantToDrag.html"></frame>

页面contentIwantToDrag.html应包含jQuery和UI库。

如果你想把项目从iframe内部拖到父元素中，那么据我所知，这是不可能的。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10303146

复制

jQuery ui中sortable draggable droppable的使用

api https html 网络安全 jquery

最近工作中用到了jQuery UI中排序和拖拽功能，花了大概一天的时间，搞清楚了大概的参数配置，以及遇到的一些问题，总结如下。

Daotin

2020/07/25

2.2K0

使用jQuery UI的draggable和droppable完成拖拽功能--介绍

android jquery

第一部分--拖拽介绍在https://code.csdn.net/2013ossurvey中最后一个开源项目就是zTree，一方面是因为自己看到有项目中使用了zTree，而已大家表示还不错。另外一方面，自己需要实现一个zTree不支持的复杂逻辑的拖拽功能。总体来说，我要实现的是一个可以拖拽的树形列表。当然最新版zTree也支持多课树之间的数据交互。当然一般的企业开发或者web开发中，使用到2个或3个数就足够了。太多了树形结构对于用户来说，也非常复杂。个人推荐不是非常复杂的需求都可以考虑使用zTree，因为

八哥

2018/01/18

2.3K0

使用jQuery UI的draggable和droppable完成拖拽功能--介绍

使用jQuery Draggable和Droppable实现拖拽功能

jquery ajax

上篇博客中已经介绍了web开发中基本拖放原理，现在给出需要完成的功能。最后运行的效果如下图所示：主要功能需求说明： 1.左侧的元素结构最后会通过Ajax call服务器的数据来生成，能支持多级元素。

八哥

2018/01/18

2.9K0

jQuery UI Datepicker使用介绍

jquery markdown

本博客使用Markdown编辑器编写在企业级web开发过程中，日历控件和图表控件是使用最多的2中第三方组件。jQuery UI带的Datepicker，日历控件能满足大多数场景开发需要。本文就主要讨论jQuery UI Datepicker的使用，和中文本地化配置。 1.jQuery UI介绍 jQuery UI是一套基于jQuery控件和动画效果Javascript类库。可以用来构建交互式的互联网应用程序。最新版本1.10.4.基于jQuery 1.6+ jQuery UI官方网站 2.jQuery

八哥

2018/01/18

1.9K0

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

jquery

jquery取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); // 搞定... 在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body

磊哥

2018/05/08

8.8K0

jquery 列表可拖动排序 sortable

html javascript jquery http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Sortable</title> <style type="text/css"> #myList{ width: 80px; background: #EEE; padding: 5px; list-style: none; } #myList a{ text-decoration: none; color: #0077B0; } #myList a:hover{ text-decoration: underline; } #myList .qlink{ font-size: 12px; color: #666; margin-left: 10px; } </style> </head> <body> <ul id="myList"> <li><a href="#">心情</a></li> <li> <a href="#">相册</a> <a href="#" class="qlink">上传</a> </li> <li> <a href="#">日志</a> <a href="#" class="qlink">发表</a> </li> <li><a href="#">投票</a></li> <li><a href="#">分享</a></li> <li><a href="#">群组</a></li> </ul>

用户5760343

2019/10/10

2.4K0

jquery 实现iframe 自适应高度

jquery html

超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。注意别放错地方了哦。

李维亮

2021/07/09

2.6K0

JQuery 学了不亏

javascript jquery

jQuery是JavaScript的工具库，对原生JavaScript中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,提供更完善，更便捷的方法。

杨丝儿

2022/02/24

1.8K0

The jQuery UI CSS Framework

jquery

jQuery UI是 jquery官方推出的配合jquery使用的用户界面组件集合！包含了许多的界面操作功能，如我们常用的表格排序，拖拽，TAB选项卡，滚动条，相册浏览，日历控件，对话框等 JS插件~~可以很方便的开发用户界面上的功能，使得您的开发工作事半功倍~~不用写繁琐的JS代码。 jQuery UI提供了一个强大的CSS Framework，为用户定义使用jQuery widgets。其中的ThemeRoller更是让你随心所欲地操作设计不同风格的网页界面。 jQuery UI是一套基于jquery

张善友

2018/01/19

2.4K0

在 jQuery Mobile 中使用 UI 组件

jquery 网站

jQuery Mobile JavaScript 库是一种强大的方式，允许用户通过 Web 浏览器直接连接到触摸友好的应用程序，从而让移动和平板设备可以访问移动应用程序。

用户7293182

2020/07/20

8.2K0

JavaScript进阶内容——jQuery

javascript jquery api dom yui

我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库

秋落雨微凉

2022/10/25

5.5K0

jQuery ui 中文日历

其他

jQuery ui 中文日历 <link href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.10.2.js"></script> <script src="js/jquery-ui-1.10.4.custom.min.js"></script> <script type="text/javascript"> jQuery(function(){

deepcc

2018/05/16

2.1K0

jquery 表格内容搜索

html javascript css xml http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> <script type="text/javascript">

用户5760343

2019/10/10

2.2K0

draggable的用法_draggable

java https 网络安全 css

通过前面几节学习，大家应该都知道了，一个div对象是可以通过拖拉来改变大小，也可以通过拖动来改变其位置的。如何改变大小已经讲解过了，那么怎么实现拖动改变位置呢？现在就开始讲解如何实现拖动 — Draggable。

全栈程序员站长

2022/09/20

1.1K0

Jquery中dialog属性小记

jquery ui 网站 html jquery

还是先看例子吧。另外如果要拖动、改变dialog的大小的话要加上ui.draggble.js和ui.resizable.js

Java架构师必看

2021/05/20

2.1K0

jQuery控制iframe中对象的方法

jquery html

jQuery中的$()方法很容易获取到DOM中的元素。但是这个方法不适用于引用iframe中的元素。如下面的html a.htm

EltonZheng

2021/01/26

2.2K0

使用 React-DnD 打造简易低代码平台

json react html 编程算法

2016年起，低代码概念开始在国内兴起，当年该行业总共有 10 起融资事件，之后低代码行业融资笔数整体呈上升趋势，并在2020年增长至14起，其中亿元以上融资有13起。

狂奔滴小马

2022/01/20

6.2K0

JQuery 事件绑定不生效

jquery

一个同时问我，JQuery事件绑定为什么不生效，最好通过查找，发现了问题。一般而言，JQuery事件绑定不生效，是一些新手经常遇到的问题，其实都是简单的问题，大概分两种情况。先上代码,以下两个button的事件绑定都不生效。

用户3158888

2019/05/29

2.6K0

OL3中结合Jquery UI实现图层拖动并改变图层顺序

jquery ui html xml http

概述：本文讲述OL3中结合Jquery UI实现图层的拖动以及拖动好图层顺序的改变。效果：代码： <html xmlns="http://www.w3.org/1999/xhtml"> <hea

牛老师讲GIS

2018/10/23

1.6K0

jQuery实现可拖动控制进度条

css jquery range

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery可拖动控制进度条</title> <style type="text/css"> .demo {

王小婷

2021/05/19

5K0

相似问题

使用jquery ui draggable拖动时修改div的内容

jQuery UI可拖动的iFrame内容

使用iFrame UI拖动到jQuery

重新注册draggable jquery.Ui可拖动

JQuery-UI Draggable:拖动的元素大小

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问不使用jquery ui draggable拖动jquery iframe内容
EN

回答 2

Stack Overflow用户

Stack Overflow用户

使用jquery ui draggable拖动时修改div的内容

jQuery UI可拖动的iFrame内容

使用iFrame UI拖动到jQuery

重新注册draggable jquery.Ui可拖动

JQuery-UI Draggable:拖动的元素大小

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用jquery ui draggable拖动jquery iframe内容EN

回答 2

Stack Overflow用户

Stack Overflow用户

使用jquery ui draggable拖动时修改div的内容

jQuery UI可拖动的iFrame内容

使用iFrame UI拖动到jQuery

重新注册draggable jquery.Ui可拖动

JQuery-UI Draggable:拖动的元素大小

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用jquery ui draggable拖动jquery iframe内容
EN