famo.us | 易学教程

Droppable in Famous.js?

阅读更多关于 Droppable in Famous.js?

I am trying to implement a draggable/dropable image in famous.js. That is, if an image is dropped on the correct surface, an event will trigger. On my draggable image, I am listening for the 'touchend' event. No problem here. I also have a touchend event connected to my 'target' surface. The problem is that this touchend event doesn't fire when I release the draggable, only the touchend from the draggable is triggered. My question is: Does Famous.js have a 'droppable' object like in jQuery? If not, how can I detect when an event occurs on top of my target view? My code is pretty much just the

Droppable in Famous.js?

阅读更多关于 Droppable in Famous.js?

问题 I am trying to implement a draggable/dropable image in famous.js. That is, if an image is dropped on the correct surface, an event will trigger. On my draggable image, I am listening for the 'touchend' event. No problem here. I also have a touchend event connected to my 'target' surface. The problem is that this touchend event doesn't fire when I release the draggable, only the touchend from the draggable is triggered. My question is: Does Famous.js have a 'droppable' object like in jQuery?

How to Swipe between surfaces in Famo.us?

阅读更多关于 How to Swipe between surfaces in Famo.us?

问题 Using the following Famo.us example code that adds 10 surfaces displayed vertically with 100% width and height, how can I add functionality to swipe between them, similar to how the swiping works on the iOS home screen? define(function(require, exports, module) { var Engine = require("famous/core/Engine"); var Surface = require("famous/core/Surface"); var SequentialLayout = require("famous/views/SequentialLayout"); var mainContext = Engine.createContext(); var sequentialLayout = new

Drag a Famous surface and have it transition back to origin on mouseup?

阅读更多关于 Drag a Famous surface and have it transition back to origin on mouseup?

问题 I want to drag a Famous surface, and have it return to its original position when I let go of it. I've taken the "Drag" example and modified it, but while the mouseup callback is triggering (I checked with console.log ), the modifier transform is not. Here's the relevant code: var surface = new Surface({ size: [200, 200], content: 'drag', properties: { backgroundColor: 'rgba(200, 200, 200, 0.5)', lineHeight: '200px', textAlign: 'center', cursor: 'pointer' } }); var draggable = new Draggable({

how can we get the size of a surface within famo.us?

阅读更多关于 how can we get the size of a surface within famo.us?

If i create a famo.us surface giving a size of [true, true] and put some arbitrary html content into it, is there a clean way to retrieve the size of the object? surface.getSize() just returns the same [true,true] I noticed there are some apparently private methods such as: s._currTarget.clientHeight but it seems asking for trouble to use those! There are a couple of ways to solve this issue. Famo.us is aware of this limitation and it should be pretty high on the priority list.. In this example, a new surface class is created that emits an event in the deploy function or when the surface is

How to remove nodes from the Render Tree?

阅读更多关于 How to remove nodes from the Render Tree?

问题 I feel like I'm missing something obvious, but how do I remove nodes from the render tree and destroy them correctly? It looks like I can just do something like mainCtx._node._child.splice(2,1) , but this doesn't work in all cases (Scrollviews seem to stick around), and assume there's something relevant in the API but I can't seem to find it. 回答1: You never remove renderNodes - you use smart RenderNodes to manipulate what is rendered. The solution depends on what you want to accomplish: 1) I