html - Using Tether Javascript Library causing exception -


i working on new website , want include footer @ bottom of container div.

i found javascript library called tether (http://github.hubspot.com/tether/) having problem implementation.

below html code

<html>     <head>         <title>bug reporting</title>         <link href="stylesheet.css" type="text/css" rel="stylesheet" />         <script src="includes/jquery.js"></script>         <script src="includes/tether/tether.js"></script>         <script>             $(document).ready(function()             {                 new tether({                     element: '.footer',                     target: '.container',                     attachment: 'top left',                     targetattachment: 'bottom left'                 });             });         </script>     </head>     <body>         <div class="container">             <header>                 body             </header>              <div id="content">                 content<br />             </div>              <div class="footer1">                 footer             </div>         </div>     </body> </html>

below stylesheet

html, body {     font-family: arial;     margin: 0;     padding: 0; }  header {     background-color: red;     width: 100%;     height: 80px; }  .container {     background-color: yellow;     height: calc(100% - 80px);     width: 100%; }  #content {     background-color: blue;     width: 1024px;     margin-left: auto;     margin-right: auto;     height: auto; }  .footer1 {     position: absolute;     background-color: green;     width: 100%;     height: 80px; }

the problem when load page exception within tether library

uncaught typeerror: cannot read property 'classlist' of null

thanks can provide.

tether's options define element , target being dom or jquery element (in quite loose sense of word), not string.

you need pass jquery object tether, this:

$(document).ready(function() {     new tether({         element: $('.footer'),         target: $('.container'),         attachment: 'top left',         targetattachment: 'bottom left'     }); });

also make sure elements on page when initialise tether instance.


-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more