About the effectiveness of css and javascript when using the onsen-ui tab bar in monaca.

Nice to meet you.It's been three days since I started programming.I want to make a game with javascript.(I want to use the tmlib.js framework.)
I registered with monaca and was able to combine the onsen-ui tab bar and sliding bar templates for page transition.
However, after the page transition, I am having trouble running css and javascript.
If you create a link and open person.html (purpose page), you can alert CSS and javascript.
If I use onsen-ui, can I use javascript or css?
Thank you for your cooperation.

Some index.html

<ons-tabbar>
  <ons-tab page="home.html" active="true">
    <ons-iconion="ion-home" class="tab-icon">/ons-icon>
  </ons-tab>
  <ons-tab page="cutlery.html">
    <div class="notification reply-notification"ons-tab-inactive>4</div>
    <ons-icon="fa fa-cuterie" class="tab-icon">/ons-icon>
  </ons-tab>
  <ons-tab page="heart.html">
    <ons-iconion="ion-heart" class="tab-icon">/ons-icon>
  </ons-tab>
  <ons-tab page="person.html">
    <ons-iconion="ion-person" class="tab-icon">/ons-icon>
  </ons-tab>
</ons-tabbar>

person.html (e.g., javascript, css, etc.)

body {
background:#000ffff
}

FONT size 7

a

person

<script>
        tm.main(function(){
            alert("tmlib.js is loaded perfectly!!");
        });
    </script>

    <script>
        // TODO: I'm going to write the code here.
        tm.main(function(){
            // Generate Application Classes
            var app=tm.display.CanvasApp("#world");

            // Create a star and add it to a scene
            var star=tm.display.StarShape().addChildTo(app.currentScene);
            // Set position
            star.setPosition(150,75);
            // Register update process
            star.update=function(){
                // revolving
                This.rotation+=8;
            };

            // execution
            app.run();
        });
    </script>

javascript monaca css onsen-ui html5

2022-09-30 15:45

1 Answers

Run js in the html file to which the tab bar is transitioned

This is it, right?
I've never used it, but Angular seems to be a lot of trouble.
But you'd better search before you ask a question.

2022-09-30 15:45

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656