jquery mobile getting the html head duplicated and pop up not working -
i getting html "head" part duplicated in script , pop not open when clicked.it changes color when click nothing shows up.i know wrong code. @ address bar "#&ui-state=dialog". here address of website https://barexpress.club/mobile_detect_device/contact_us
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>website contact us</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script> </head> <body> <div data-role="page" id="index"> <div data-role="popup" id="settings_popup_beer_quantity" data-position="right"> <ul data-inset="true" data-role="listview" data-theme="a" data-divider-theme="b" style="min-width:210px;"> <li data-role="list-divider">settings</li> <li data-icon="false"><?php echo anchor('login/logout/','logout', array('title'=>"logout", "rel" =>"external"));?></li> <li data-icon="false"><?php echo anchor('customer_settings/','settings',array('title'=>"settings","rel" =>"external"));?></li> </ul> </div> <div style="float:left;"> <img class="small_logo" border="0" src="<?php echo $this->config->base_url();?>images/small_logo.png" alt="cup bar express" /> </div> <div data-role="header" style="width:100px;float:right;" data-position="right"> <div class="settings_button_quantity" data-role="navbar"> <ul> <li><a href="#settings_popup_beer_quantity" data-rel="popup" data-transition="pop" class="settings_popup_link_quantity ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-icon-right ui-icon-bars">settings</a></li> </ul> </div> </div> <div style="clear:both;"></div> <div role="main" class="ui-content" > <div class="background_image"> <div class="ui-grid-solo" id="title">quantity</div> <ul data-role="listview" data-split-theme="a" data-inset="true"> <?php ?> </ul> </div> </div> <style type="text/css"> .ui-listview>li h1, .ui-listview>li h2, .ui-listview>li h3, .ui-listview>li h4, .ui-listview>li h5, .ui-listview>li h6{ padding-top: 0px; height : 37px; margin-top : 0px; font-family:'rns camelia'; text-shadow: none; color : black !important; font-weight: 700; font-size : 33px; } li h1 .display_beer_count{ color:white; } .ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li>a.ui-btn{ padding-right:18px; padding-left :18px; text-align :center; background :transparent !important; } button.ui-btn.beer_quantity_button{ border :none !important; color : black !important; background: #d6de23 !important; } .ui-listview>li h1.add_beer_to_cart_letters { margin-bottom: 0px; color :white !important; } button.add_beer_to_cart { background: transparent !important; } @font-face { font-family:'rns camelia'; font-style : normal; font-weight: 900; src : local('rns camelia'), url(<?php echo $this->config->base_url();?>fonts/rns_camelia.otf); } @font-face{ font-family:'simply city light'; font-style : normal; font-weight: normal; src : local('simply city light'), url(<?php echo $this->config->base_url();?>fonts/siml023.ttf); } .settings_button_quantity{ width :100px; height :22px; float :right; } .settings_popup_link_quantity{ height:22px; } .ui-content .ui-listview-inset, .ui-panel-inner>.ui-listview-inset{ margin:0; } #title{ text-shadow : none!important; margin-bottom: 11px; width : 100%; font-size : 52px !important; font-family :'rns camelia' !important; color : #d6de23 !important; padding-left : 5%; } .background_image{ width :100% !important; padding-bottom:160px !important; margin-left :auto !important; margin-right :auto !important; display :block; background :url(<?php echo $this->config->base_url();?>images/beer_cup.png) no-repeat; z-index :-21; } .ui-page{ background-image :url('<?php echo $this->config->base_url();?>images/background.png') !important; width :100%; background-size :100% 100%; background-repeat:no-repeat; } .small_logo{ padding-top: 4px; width : 138px; height : 52px; } #settings_popup_beer_quantity li a,#settings_popup_beer_quantity,.ui-navbar li:last-child .ui-btn { color :black !important; font-family:'simply city light'!important; } #settings_popup_beer_quantity .ui-li-divider{ background:black!important; } </style> </div> </body> </html>
Comments
Post a Comment