javascript - Flat UI Checkbox style not applying on startup -


i using flat ui http://designmodo.github.io/flat-ui/

i copied files on , code example page checkbox.

however noticed checkbox doesn't appear styled checkbox after click init button manually apply js appears styled checkbox.

code:

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title>daily tracker settings</title>     <meta name="viewport" content="width=device-width, initial-scale=1.0">      <!-- loading bootstrap -->     <link href="../dist/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">      <!-- loading flat ui -->     <link href="../dist/css/flat-ui.min.css" rel="stylesheet">      <link rel="shortcut icon" href="img/favicon.ico"> </head> <body>     <form id="form1" runat="server" role="form">         <div class="container">             <div class="row mbl">                 <div class="col-md-12">                     <h4>plugin methods</h4>                 </div>                 <div class="col-md-12">                     <form role="form">                         <div class="form-group">                             <label class="checkbox" for="checkbox100">                                 <input type="checkbox" data-toggle="radio" value="" id="checkbox100" required>                                 checkbox                              </label>                         </div>                         <button type="submit" class="btn btn-sm btn-primary">submit</button>&nbsp;&nbsp;&nbsp;&nbsp;                          <button class="btn btn-sm btn-default" data-radiocheck-check="#checkbox100">check</button>                         <button class="btn btn-sm btn-default" data-radiocheck-uncheck="#checkbox100">uncheck</button>                         <button class="btn btn-sm btn-default" data-radiocheck-toggle="#checkbox100">toggle</button>&nbsp;&nbsp;&nbsp;&nbsp;                          <button class="btn btn-sm btn-default" data-radiocheck-indeterminate="#checkbox100">indeterminate</button>                         <button class="btn btn-sm btn-default" data-radiocheck-determinate="#checkbox100">determinate</button>&nbsp;&nbsp;&nbsp;&nbsp;                          <button class="btn btn-sm btn-default" data-radiocheck-disable="#checkbox100">disable</button>                         <button class="btn btn-sm btn-default" data-radiocheck-enable="#checkbox100">enable</button>&nbsp;&nbsp;&nbsp;&nbsp;                          <button class="btn btn-sm btn-default" data-radiocheck-destroy="#checkbox100">destroy</button>                         <button class="btn btn-sm btn-default" data-radiocheck-init="#checkbox100">init</button><br>                         <br>                     </form>                 </div>             </div>             <!-- /.row -->          </div>           <!-- jquery (necessary flat ui's javascript plugins) -->         <script src="../dist/js/vendor/jquery.min.js"></script>         <!-- include compiled plugins (below), or include individual files needed -->         <script src="../dist/js/vendor/video.js"></script>         <script src="../dist/js/flat-ui.min.js"></script>          <script>             $('button:not([type="submit"])').on('click', function (e) {                 var $this = $(this);                  if (!!$this.attr('data-radiocheck-check')) {                     var el = $this.attr('data-radiocheck-check');                     $(el).radiocheck('check');                 } else if (!!$this.attr('data-radiocheck-uncheck')) {                     var el = $this.attr('data-radiocheck-uncheck');                     $(el).radiocheck('uncheck');                 } else if (!!$this.attr('data-radiocheck-toggle')) {                     var el = $this.attr('data-radiocheck-toggle');                     $(el).radiocheck('toggle');                 } else if (!!$this.attr('data-radiocheck-indeterminate')) {                     var el = $this.attr('data-radiocheck-indeterminate');                     $(el).radiocheck('indeterminate');                 } else if (!!$this.attr('data-radiocheck-determinate')) {                     var el = $this.attr('data-radiocheck-determinate');                     $(el).radiocheck('determinate');                 } else if (!!$this.attr('data-radiocheck-disable')) {                     var el = $this.attr('data-radiocheck-disable');                     $(el).radiocheck('disable');                 } else if (!!$this.attr('data-radiocheck-enable')) {                     var el = $this.attr('data-radiocheck-enable');                     $(el).radiocheck('enable');                 } else if (!!$this.attr('data-radiocheck-destroy')) {                     var el = $this.attr('data-radiocheck-destroy');                     $(el).radiocheck('destroy');                 } else if (!!$this.attr('data-radiocheck-init')) {                     var el = $this.attr('data-radiocheck-init');                     $(el).radiocheck();                 }                  e.preventdefault();             });          </script>     </form> </body> </html>

manually initializing checkboxes style creates checkbox properly. not sure why in source's examples didn't have this

<script>     $(document).ready(function () {         $(':checkbox').radiocheck();     }); </script>

Comments

Post a Comment

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m
Read more

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -

here tables: create table customer ( cid int primary key, name varchar(32) ) create table ord ( oid int primary key, cid int foreign key references customer, address varchar(20) ) here's linq-to-sql statement: var aaa = c in db.customer select new { c, o = c.ord.tolist() }; and here's inexplicable query generated linq-to-sql: select [t0].[cid] [cid], [t0].[name] [name], [t1].[oid] [oid], [t1].[cid] [cid2], [t1].[address] [address], (select count(*) [dbo].[ord] [t2] [t2].[cid] = [t0].[cid]) [value] [dbo].[customer] [t0] left outer join [dbo].[ord] [t1] on [t1].[cid] = [t0].[cid] order [t0].[cid], [t1].[oid] i want understand how rid of count(*) part. it's entirely uncalled for! linq needs count(*) in order determine number of entries returned o = c.ord.tolist() .
Read more