@Fran-Diox It is difficult to reproduce, may be the result of elements after the destruction of the problem
Posts made by czpae86
-
RE: Uncaught typeError when page quick move back
-
Uncaught typeError when page quick move back
version:onsenui 2.8.1
"Uncaught TypeError: Cannot read property ‘hasAttribute’ of undefined", source: file:///android_asset/www/lib/js/onsenui.js (25818) -
How to disable swipe on some pages
How to disable swipe on ons-navigator once configure swipeable?
-
how to use icoMoon's icon on ons-icon component?
Hi,icoMoon’s icon cannot display, how to use icoMoon’s icon on ons-icon component?
-
icon.attributeChangedCallback is not a function
Uncaught (in promise) TypeError: icon.attributeChangedCallback is not a function.
onsenui version:2.6.0my code:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" > <meta name="apple-mobile-web-app-capable" content="yes" > <meta name="apple-touch-fullscreen" content="yes" > <title></title> <link rel="stylesheet" href="../css/onsenui.min.css"> <link rel="stylesheet" href="../css/onsen-css-components.min.css"> <script src="../js/onsenui.min.js"></script> </head> <body> <ons-navigator id="appNavigator" page="page1.html"></ons-navigator> <template id="page1.html"> <ons-page id="page1"> <ons-toolbar> <div class="center">Page 1</div> </ons-toolbar> <p>This is the first page.</p> <ons-button id="push-button">Push page</ons-button> </ons-page> </template> <script> document.addEventListener('init', function(event) { var page = event.target; if (page.id === 'page1') { page.querySelector('#push-button').onclick = function() { document.querySelector('#appNavigator').pushPage('page2.html', {data: {title: 'Page 2'}}); }; } else if (page.id === 'page2') { page.querySelector('ons-toolbar .center').innerHTML = page.data.title; } }); </script> </body> </html>
<ons-page id="page2"> <ons-toolbar> <div class="left"><ons-back-button>Page 1</ons-back-button></div> <div class="center"></div> </ons-toolbar> <ons-tabbar position="bottom"> <ons-tab page="test.html" label="test" icon="fa-home" active> </ons-tab> </ons-tabbar> <template id="test.html"> <ons-page id="coursePage"> <div> test </div> </ons-page> </template> </ons-page>
-
updated to the 2.5.3 version,the camera does not work
After the onsenui is updated to the 2.5.3 version, the Cordova camera does not work on iOS10.3, but the previous version is normal
-
how to using javascript drop down the ons-pull-hook component?
how to using javascript drop down the ons-pull-hook component?
-
how to fire the 'ons-pull-hook' component when the page is displayed
how to fire the ‘ons-pull-hook’ component when the page is displayed.
-
how to cancel the 'ons-back-button' action?
HI,how to cancel the ‘ons-back-button’ action?
-
how to remove ons-popover element's mask?
HI,how to remove ons-popover element’s mask?
-
RE: How do I find component event descriptions in the document?
Some do not specify. such as ons-range element,How to capture change events?
-
How do I find component event descriptions in the document?
Hi,How do I find component event descriptions in the document?
-
RE: when ons-if and ons-list-item are use together,border is not show.
@Fran-Diox Thank you,The problem is solved.:+1:
if(ons.platform.isAndroid()){ var html = '<ons-list-item modifier="longdivider" tappable>' +'<div class="left">' +'<ons-icon icon="fa-cloud-download" size="20px" style="color:rgb(54, 162, 235)"></ons-icon>' +'</div>' +'<div class="center">item1</div>' +'</ons-list-item>'; document.querySelector('#list').appendChild(ons._util.createElement(html)); }
-
when ons-if and ons-list-item are use together,border is not show.
when ons-if and ons-list-item are use together,border is not show.
Onsenui version : 2.5.3,
OS : android6+
Code:<ons-list> <ons-if platform="android"> <ons-list-item modifier="longdivider" tappable> <div class="left"> <ons-icon icon="fa-cloud-download" size="20px" style="color:rgb(54, 162, 235)"></ons-icon> </div> <div class="center">item1</div> </ons-list-item> </ons-if> <ons-list-item modifier="longdivider" tappable> <div class="left"> <ons-icon icon="fa-info-circle" size="20px" style="color:rgb(54, 162, 235)"></ons-icon> </div> <div class="center">item2</div> </ons-list-item> </ons-list>