iris.Screen.AddScreen and $(document.body)

[julien]

Hi there,

Inside a "screen" I have this code

self.AddScreen($('body'), "#two", "app/screen/two.js");

Which throws this
Uncaught Error: Syntax error, unrecognized expression: [data-id='[object Object']]

Anyway how to fix it?Besides using another library?

Hello julien,

The _AbstractScreen.AddScreen method frist parameter must be a valid DOM element with a data-id attribute.

First of all, you need to declare your welcomScreen. Inside that welcomeScreen template, you need a screen-container:

<div data-id="screen_container"></div>

And in the welcomeScreen controller, you can add screens:

self.AddScreen("screen_container", "#two", "app/screen/two.js");

You have all of this explained in the Getting started guide

Check the example page to find more examples with iris. We are working on improving it with more advanced examples.

Thank you.

[julien]

Hi Alejandro,

Thanks for the quick reply.

I thought "Screens" could be attached directly to a DOM element like the body, by passing it to the AddScreen method ... now it's all clear (your explanation is far more clearer than the getting started page, which I read a few times alreay)

Another, maybe off topic question, why do you use "new function" ...? JSLint complains about it, I would go for self executing functions or plain objects, since it's basically the same thing but "cleaner".

Cheers

Hi Julien,

Thank you very much for you reply 👍
You are right, JSLint and JSHint complains about the use of new function...

We are changing the library to fix these warning messages in the next release: v0.4.5

[julien]

Hi Alejandro,

Great to hear that.
Basically using new function ... is basically like returning an object, I'd go for an Object {} or a self executing function when I need it, anyway thanks

[jonasdacruz]

Hey guys, take care with capsulating issues!

{} it's only for public methods

Should be need to to use the same approach than "new function" apply the pattern:

(function (){ ... })();