javascript - Need a simple Phone Gap based Popover example which works on three platform Windows , Android , IOS -
i m building hybrid application multiple platform such windows , android , ios.
following snippet popover working in android , ios phone
<button id="alarmbutton" type="button" class="btn btn-primary btn-md" data-contentwrapper=".myanalyticscontent" rel="analyticspopover" style="width: 32%;"><img src="resources/images/alarms.png" /></button>
and script code popover
<div class="myanalyticscontent" id="myanalyticscontent"> <!-- here define content , add attribute data-contentwrapper t0 selector--> <h3 id="alarmlabel" >set alarm type</h3> <hr id="alarmform"></hr> <script> $('[rel=analyticspopover]').popover({ html: true, placement: 'top', content: function () { return $($(this).data('contentwrapper')).html(); } }); </script> </div>
the above piece of code functional in android phone, in windows phone code crashing because of inner html exception. added
<script src="thirdparty/winstore-jscompat.js"></script>
because of no exception seen,but popover not functional in windows phone.
i have tried following link, doesn't work on windows
Comments
Post a Comment