Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Boilerplatejs for jquery mobile #16

Open
amarewgs opened this issue Dec 4, 2012 · 2 comments
Open

Boilerplatejs for jquery mobile #16

amarewgs opened this issue Dec 4, 2012 · 2 comments

Comments

@amarewgs
Copy link

amarewgs commented Dec 4, 2012

I want to use Boilerplatejs for jquery mobile development but I got it difficult. Do you think it is appropriate? How can I proceed? Any help will be appreciated!

@hasith
Copy link
Collaborator

hasith commented Dec 5, 2012

I know people use BoilerplateJS with jQuery Mobile. BoilerplateJS is just some startup code to structure your architecture, therefore I dont see an issue of using it with whatever UI framework you prefer. Also the BoilerplateJS code is not a library, so feel free to change it as you want. I know that the code in open source repository works with Safari based mobile browsers without any issue, and I believe it will work for most of the other mobile browsers without an issue. But I haven't done thorough testing of that. Even if you encounter an issue of browser compatibility, you may fix it on the code, as BoilerplateJS code is just a part of your source code base.

What type of difficulty have you faced?

@slayerjay
Copy link
Collaborator

Hi,
We have noticed that signlas.js and jquerymobile when used with require.js causes an error when the scripts are defined in the body tag. (More info: http://stackoverflow.com/questions/9522421/separating-jquery-mobile-1-1-0-from-amd-requirejs) To rectify this you can use another library for routing and remove crossroads, signals and hasher files.
The second issue that you may face is that after dynamically adding dom elements, the jquerymobile styles will not be added. You may need to call the necessary methods in your component.js file to refresh such elements.
e.g.
$("#list").listview();
$("#list").listview('refresh');
If you are using kncckoutjs, you may concider writing knockout custom bindings for this purpose.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants