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

http://jsfiddle.net/szkrx/


Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -