Error when using $.UIGoToArticle about chocolatechip-ui HOT 9 CLOSED

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.

from chocolatechip-ui.

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'}
])

from chocolatechip-ui.

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

from chocolatechip-ui.

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.

from chocolatechip-ui.

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'}
])

from chocolatechip-ui.

Are you available for a Skype chat?

from chocolatechip-ui.

Yes, alberto.lo

from chocolatechip-ui.

rombiggs

from chocolatechip-ui.

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

from chocolatechip-ui.