¿Dónde poner las acciones jQuery para las páginas cargadas extern por pestañas interfaz de usuario

Question

Me pregunto donde debería definir mis acciones jQuery para las páginas cargados externamente por pestañas interfaz de usuario.

Así, por ejemplo, tengo una página index.html incluyendo 3 pestañas. Onclick cada pestaña se carga extern1.html, extern2.html, extern3.html. Estas 3 páginas externas necesitan varias acciones jQuery (onload, onclick-acciones-acciones y más).

¿Cuándo pongo todo el código jQuery para las páginas externas en el índice y me carga una de las páginas externas, este código jQuery no afectará a la página externa cargada al hacer clic en una pestaña.

Cuando pongo todo el código jQuery para las páginas externas en la página externa en sí causará problemas (creo), porque cuando me carga una página de pestaña / externa varias veces que se carga el código jQuery una y otra vez, a la derecha ?

Entonces, ¿dónde tengo que poner mi código de jQuery? (Algunos ejemplo?)

Muchas gracias!

Answer 1

Se puede poner su código en el controlador de eventos pestaña cargadas:

$('.your-tabs-container').tabs({
   load: function(event, ui) { /* your code here */ }
});

o

$('.your-tabs-container').bind('tabsload', function(event, ui) {
  /* your code here */
});

En estos casos, de acuerdo con la documentación, se puede recuperar la información necesaria de la interfaz de usuario argumento ui:

ui.tab     // anchor element of the selected (clicked) tab
ui.panel   // element, that contains the selected/clicked tab contents
ui.index   // zero-based index of the selected (clicked) tab

Answer 2

poner su jQuery sobre la función y el uso html madre .live() para unir los eventos que quería. docs aquí .

Answer 3

Sólo debe incluir la librería jQuery vez! En su página de índice. En las páginas externas, debe incluir el código JavaScript utiliza la de esa página externa individual:

Índice:

• Incluir librería jQuery

Externo 1:

• jQuery funciones relevantes para la página externa 1

Externo 2:

• jQuery funciones relevantes para la página externa 2

Así es como yo lo haría: -)