Error when using $.UIGoToArticle

[albertolo]

Hello, I'm trying to use the function $.UIGoToArticle, I created a function that on a image click fires a function that uses it $( "#btnCatalogo" ).click(function() { //alert('entro'); $.UIGoToArticle('#articulo'); }); This is the error

[sourcebits-robertbiggs]

Do you have an article with the ID of "articulo"? It should not have the "#" as part of the name. I just took your sample, pasted into a simple list. Put the ID "btnCatalog" on a list item and gave an article an id of "articulo" and it works as expected. The error you're getting indicates that ChUI is not finding the ID. This means either it doesn't exist on an element, or you have it misspelled.

[albertolo]

Hello Robert,

Thanks for your reply, I tested what you said on the demo-android.html and it worked, after that I start to add the code I was using on my original file.

As soon as I added these lines of code, the function UIGoToArticle stopped working $.UISlideout(); $.UISlideout.populate([ {main:'Home'}, {catalogo:'Catalogo'}, {categorias:'Categorías'}, {sucursales:'Sucursales'}, {credito:'Mi Crédito Elizondo'}, {registro:'Registro / Acceso a Cuenta'}, {contacto:'Contacto'}, {servicios:'Servicios'} ])

[sourcebits-robertbiggs]

A quick question, you're getting this on all of these? Give me a moment to reuse you code.

[sourcebits-robertbiggs]

OK, here's my JavaScript:

$(function() { $.UISlideout(); $.UISlideout.populate([ {main:'Home'}, {catalogo:'Catálogo'}, {categorias:'Categorías'}, {sucursales:'Sucursales'}, {credito:'Mi Crédito Elizondo'}, {registro:'Registro / Acceso a Cuenta'}, {contacto:'Contacto'}, {servicios:'Servicios'} ]); });

And here's my markup:

<nav> <h1>Home</h1> </nav> <article id='main'> <section></section> </article> <nav> <h1>Catálogo</h1> </nav> <article id='catalogo'> <section></section> </article> <nav> <h1>Categorías</h1> </nav> <article id='categorias'> <section></section> </article> <nav> <h1>Sucursales</h1> </nav> <article id='sucursales'> <section></section> </article> <nav> <h1>Mi Crédito Elizondo</h1> </nav> <article id='credito'> <section></section> </article> <nav> <h1>Registro</h1> </nav> <article id='registro'> <section></section> </article> <nav> <h1>Contacto</h1> </nav> <article id='contacto'> <section></section> </article> <nav> <h1>Servicios</h1> </nav> <article id='servicios'> <section></section> </article>

This is working as expected for me.

[albertolo]

I did not explain my self right, the slide out menu works fine, I am able to see it and when I click it it shows me the right view. My problem is that the function $.UIGoToArticle('#article') does not work as soon as I add the slide out menu code that I posted.

$( "#btnCatalogo" ).click(function() { $.UIGoToArticle('#articulo'); });

$.UISlideout(); $.UISlideout.populate([ {main:'Home'}, {catalogo:'Catalogo'}, {categorias:'Categorías'}, {sucursales:'Sucursales'}, {credito:'Mi Crédito Elizondo'}, {registro:'Registro / Acceso a Cuenta'}, {contacto:'Contacto'}, {servicios:'Servicios'} ])

[sourcebits-robertbiggs]

Are you available for a Skype chat?

[albertolo]

Yes, alberto.lo

[sourcebits-robertbiggs]

rombiggs

[sourcebits-robertbiggs]

do a screen share and show me what you're doing