2011-03-04 11 views
5

¿Qué son los eventos especiales de Jquery? Busqué en Google y todavía estoy un poco confundido, creo que podría entender un poco al respecto. Por favor dígame si este sería un buen candidato para codificar usando Jquery Special Events.Jquery Eventos especiales? ¿Qué son? ¿Cómo los uso? ¿Sería este ejemplo un buen candidato para usar Jquery Special Events?

Necesito crear una función donde las personas puedan marcar un párrafo en una página de artículo, para que puedan volver más tarde y continuar leyendo donde lo dejaron. Habrá un enlace que dice "Colocar un marcador", cuando la persona haga clic en ese enlace, habilitará el "Modo de marcador" donde una persona puede pasar el cursor sobre un párrafo dentro del artículo, y cuando están sobre un párrafo, aparece un div sobre ese párrafo con las palabras "BOOKMARK THIS", cuando se desvían de ese párrafo, ese div desaparece. Cuando hacen clic en un párrafo cuando está en "modo de marcadores", el texto dentro del separador "BOOKMARK THIS" cambia a "USTED COLOCÓ UNA MARCADOR", luego el div desaparece después de unos segundos y se desactiva el "Modo de marcador". Si el usuario ya colocó un marcador en la página, pero decide mover el marcador a otro párrafo, entonces todo es igual que si la persona coloca el marcador por primera vez, pero el texto en su lugar indicará "SU MARCADOR HA SIDO MOVIDO".

Si entiendo correctamente, y este ejemplo es realmente un buen candidato para eventos especiales, ¿alguien me puede ayudar con el diseño básico de la estructura? No necesito todo el código, sólo hay que saber dónde está el código de vuelo estacionario debe ir, y el elemento emergente, y el clic, y mover un marcador, etc.

jQuery.event.special.myevent = { 
    setup: function(data, namespaces, eventHandle) { 
    // code 
    }, 
    teardown: function(namespaces) { 
    // code 
    }, 
    add: function(handleObj) { 
    // code 
    }, 
    remove: function(handleObj) { 
    // code 
    }, 
    _default: function(event) { 
    // code 
    } 
}; 

De benalman.com/special-events

+0

+1 no sabían éstos existían! – Raynos

+0

Esto explicará ** todo ** - http://benalman.com/news/2010/03/jquery-special-events/ – vsync

Respuesta

3

Parece que puede agregar funcionalidad adicional a sus eventos personalizados de vinculación/activación.

Aquí hay un gran article

jQuery.event.special.myevent = { 
    setup: function(data, namespaces, eventHandle) { 
    alert("start"); 
    }, 
    teardown: function(namespaces) { 
    alert("done"); 
    }, 
    add: function(handleObj) { 
    alert("new") 
    }, 
    remove: function(handleObj) { 
    alert("delete") 
    }, 
    _default: function(event) { 
    alert("default"); 
    } 
}; 

$(obj).bind("myEvent", f); // start, new 

$(obj).bind("myEvent", g); // new 

$(obj).trigger("myEvent"); // default 

$(obj).unbind("myEvent", f); // delete 

$(obj).unbind("myEvent", g); // delete, done 
+1

Jaja, usted ha vinculado el OP a la URL que habían vinculado en primer lugar :) –

+0

@BlairMcMillan Me perdí la URL. Es el mejor recurso en eso. – Raynos

+0

Sí, realmente solo parece haber 2 publicaciones del tipo con el que ambos se vincularon, y el enlace que di. –

Cuestiones relacionadas