JS доза не работает в Monaca (Onsen-ui)

Я пытаюсь изменить текст при нажатии кнопки, но я ничего не замечаю im new в использовании onsen-ui и прочитал об этой проблеме, поэтому я подошел, чтобы мой JS НЕ работает на мобильном телефоне >> пожалуйста, если кто-нибудь может помочь !!JS доза не работает в Monaca (Onsen-ui)

<!doctype html> 
 
<meta charset="utf-8"> 
 
<link rel="stylesheet" href="lib/onsen/css/onsenui.css"> 
 
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"> 
 
<script src="lib/onsen/js/angular/angular.js"></script> 
 
<script src="lib/onsen/js/onsenui.js"></script> 
 
<script> 
 
    ons.bootstrap(); 
 
    
 
</script> 
 
<script> 
 
function myFunction() { 
 
    document.getElementById("demo").innerHTML = "Paragraph changed."; 
 
} 
 
</script> 
 
<body> 
 
<h1>JavaScript in Head</h1> 
 

 
<p id="demo">A Paragraph.</p> 
 

 
<button type="button" onclick="myFunction()">Try it</button> 
 
    </ons-page> 
 
    </ons-navigator> 
 
</body>

источник

2016-01-05 Jehad Alrumhi

Вы забыли добавить <ons-navigator> и <ons-page> теги. Если вы заметили, они закрыты, но никогда не открываются.

Вот если фиксированный код:

<!doctype html> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="lib/onsen/css/onsenui.css"> 
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"> 
<script src="lib/onsen/js/angular/angular.js"></script> 
<script src="lib/onsen/js/onsenui.js"></script> 
<script> 
    ons.bootstrap(); 
</script> 
<script> 
    function myFunction() { 
    document.getElementById("demo").innerHTML = "Paragraph changed."; 
    } 
</script> 

<body> 
    <ons-navigator> 
    <ons-page> 
     <h1>JavaScript in Head</h1> 

     <p id="demo">A Paragraph.</p> 

     <button type="button" onclick="myFunction()">Try it</button> 
    </ons-page> 
    </ons-navigator> 
</body>

источник

2016-01-05 05:37:02

ответ

Смежные вопросы