javascript 动态修改title - JS库(具有拖放功能)与iOS和常规浏览器兼容




document.title webview (12)

有没有人知道JS框架具有拖放功能并且与移动(iOS)和常规浏览器兼容?

我目前有一个基于网络的应用程序,它的拖拉功能在iOS上运行是一件麻烦...我希望有一个可以做到这两个...


Answers

我是Sencha Touch的忠实粉丝。

这里有拖放演示 - http://dev.sencha.com/deploy/touch/examples/dragdrop/

注意:在Safari中的iPhone 4上测试过。


如果您要为ios构建Web应用程序,则必须尝试使用​​jquery mobile。


  • zepto(最小,iOS 4 +,Android 2.2 +,webOS 1.4.5+)
  • jquery,jquerymobile,jqtouch
  • 原型
  • sencha,senchatouch



interact.js是一个独立且非常轻量级的拖放,调整大小和多点触控手势的javascript模块。 它适用于iOS,Android,Chrome,Firefox,Opera和IE8 +,支持与HTML和SVG元素交互。 事先需要注意的是,由开发人员来回应阻力事件,但我认为这是一件好事。

要允许通过拖动来平移整个页面,您可以运行:

// make an Interactable of the document body element
interact(document.body)
    // make a draggable of the Interactable
    .draggable({
        // on(drag)move
        // could also have done interact(document.body).draggable(true).ondragmove = function...
        onmove: function (event) {
            x += event.dx;
            y += event.dy;

            // translate the document body by the change in pointer position
            document.body.style.translate = 'translate(' + x + 'px, ' + y + 'px)';
        }
    })

它仍处于开发阶段,并且计划了许多功能,但API不太可能发生巨大变化。




查看SproutCore 。 它是由前Apple工程师创建的框架,Apple在MobileMe和iCloud Web应用程序中使用。 它有SC.Drag ,可用于鼠标和触摸事件。


我不确定它是否正是您正在寻找的,但您可以尝试使用PhoneGap或者XUI



这项工作对我来说:

$("#city :selected").text();

我正在使用jQuery 1.10.2





javascript jquery ios mobile drag-and-drop