javascript - Rails App (Spree) - Sudden "Uncaught Type Error" -

-

i have fresh 3.0 version installation of spree commerce running on rails app. added slick slider (slick.js) installation using following methods:

  • added slick.js vendor/assets/javascripts/spree/frontend
  • put relevant scss files in vendor/assets/stylesheets/spree/frontend
  • setup custom homepage deface layout, , called slick slider @ bottom using <script></script>

    • it worked swimmingly, , setup slick-custom.scss styling. commit changes, shut-off codekit, , move locations. open macbook again , it's throwing blasted uncaught typeerror: undefined not function. called on $(".slider-for").slick({ ...

    i have been , down thing, , cannot tell what's changed, nor why isn't loading. slick in resources, jquery loaded, filepaths , elements named appropriately. it's driving me insane, , don't know do.

    relevant files:

    homepage setup

    <div class="slider-for">     <% @products.each |product| %>         <div>           <div class="product-image">             <%= link_to product_image(product), product %>           </div>           <div class="product-info">             <h2 class="product-title"><%= product.name %></h2>             <div class="product-description">               <%= product.description.to_s.html_safe %>             </div>             <div class="product-link">                 <div class="product-price">                   <%= product.display_price %>                 </div>                 <div class="product-more">                   <%= link_to "read more", product, class: "more-link" %>                 </div>             </div>           </div>         </div>     <% end %> </div>  <div class="slider-nav">     <% @products.each |product| %>         <div>             <div class="product-image">               <%= product_image(product) %>             </div>             <h4 class="product-title"><%= product.name %></h4>         </div>     <% end %> </div>  <script type="text/javascript">   $(document).ready(function(){      $(".slider-for").slick({       slidestoshow: 1,       slidestoscroll: 1,       arrows: false,       fade: true,       asnavfor: '.slider-nav'     });     $(".slider-nav").slick({       slidestoshow: 3,       slidestoscroll: 1,       asnavfor: '.slider-for',       dots: true,       centermode: true,       focusonselect: true     });   }); </script>

    head section:

    <head data-hook="inside_head">     <meta charset="utf-8"> <title>grand on oak boutique store - grand on oak</title> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport"> <meta name="keywords" content="boutique, boutique shop, clothing, clothing store"> <meta name="description" content="high-end shopping in conway, arkansas"> <link href="http://grandonoak.com/" rel="canonical"> <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-69231eed30cd5a922a19b067ccf8b243.ico"> <link rel="stylesheet" media="screen" href="/assets/spree/frontend/frontend_bootstrap-f5a4d0dbd069cabee02f14c2de1040d5.css?body=1"> <link rel="stylesheet" media="screen" href="/assets/spree/frontend-c946bacb82835ce1f9a9de94acfa7948.css?body=1"> <link rel="stylesheet" media="screen" href="/assets/spree/frontend/_variables-75e303a624880e205110a476763b276e.css?body=1"> <link rel="stylesheet" media="screen" href="/assets/spree/frontend/all-a523e282aabcd1ab0ec90f62c8f67344.css?body=1"> <meta name="csrf-param" content="authenticity_token"> <meta name="csrf-token" content="qd3lmjlgntctgkix9nzw/w9uk5cp+ltb+aw5fqoerscb/rgsfnowvkdmnojxbjxhko5ts91ce54nkydpezjyow=="> <script src="/assets/jquery-87424c3c19e96d4fb033c10ebe21ec40.js?body=1"></script> <script src="/assets/jquery_ujs-e27bd20a10d28155845a22d71ef94f2f.js?body=1"></script> <script src="/assets/bootstrap/affix-86647d01ace516e05ddf78d2b6e85e20.js?body=1"></script> <script src="/assets/bootstrap/alert-2a2796d28d7833f423ee421a3ad297bb.js?body=1"></script> <script src="/assets/bootstrap/button-6b326d9b5034209f30109e77c264a190.js?body=1"></script> <script src="/assets/bootstrap/carousel-31dbb9c732fc2da02b8d5a97d9ae0047.js?body=1"></script> <script src="/assets/bootstrap/collapse-624b0c6035c65b5be6ae581d8dc4e196.js?body=1"></script> <script src="/assets/bootstrap/dropdown-ce1bbc536745c41510513f7274f9897c.js?body=1"></script> <script src="/assets/bootstrap/modal-77a0e72df31a788e4f6a3f28370eb69e.js?body=1"></script> <script src="/assets/bootstrap/scrollspy-3892c697f57b7e7b9d5993044235a210.js?body=1"></script> <script src="/assets/bootstrap/tab-6f45b70c6440bd0222c171dd7a926b5d.js?body=1"></script> <script src="/assets/bootstrap/transition-264673896da1e31c3b865db964cd6592.js?body=1"></script> <script src="/assets/bootstrap/tooltip-718496fb53635605964fb77613425c8d.js?body=1"></script> <script src="/assets/bootstrap/popover-3dcfaa462d273d183ef52064ce120a5b.js?body=1"></script> <script src="/assets/bootstrap-sprockets-830839b3b00123a30d090955aa74da5c.js?body=1"></script> <script src="/assets/jquery.validate/jquery.validate.min-2d81074928b8de12627110241d1e7b82.js?body=1"></script> <script src="/assets/jsuri-b9ca271e978b987b894cb0a92de921d9.js?body=1"></script> <script src="/assets/spree-8ac8776671ec803cc33e03272659d498.js?body=1"></script> <script src="/assets/spree/frontend/cart-1590808ff9329c79b63acdc5a84bc498.js?body=1"></script> <script src="/assets/jquery.payment-99cc3707e9b4c29e1d1be187415f6415.js?body=1"></script> <script src="/assets/spree/frontend/checkout-82e3443fe70333ace69246f9b31b9507.js?body=1"></script> <script src="/assets/spree/frontend/checkout/address-616b9ad86f44c5fa74398e99accc9eee.js?body=1"></script> <script src="/assets/spree/frontend/checkout/payment-4df84c09e7418b7aa6394f472f10fec9.js?body=1"></script> <script src="/assets/spree/frontend/product-09bee3d334f4f5507d01406128c60330.js?body=1"></script> <script src="/assets/spree/frontend-54fe02bb1f643864d4c75b951a66652e.js?body=1"></script> <script src="/assets/spree/frontend/slick-6fd6b8e406e07fa296d234cc3a4b2a72.js?body=1"></script> <script src="/assets/spree/frontend/all-5a6ef0f53abed7a46fdc4793b7e2a630.js?body=1"></script> <!--[if lt ie 9]>   <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script> <![endif]-->     <link rel="next" href="/?page=2">     </head>

    all slick slider files concurrent git master. have tried variations, have slick.js, slick.scss, slick-theme.scss in appropriate root folders.

    got sorted out! because used heroku deploy after initial rails install, had bunch of precompiled assets apparently causing problems.

    if jquery acting fool no obvious reason, delete public/assets , you'll go. optionally, i'd think re-precompile , that'd trick.

    hope helps else out! rookie mistake on part, i'm sure, ended day behind schedule because of it.


    Comments

    Post a Comment

    Popular posts from this blog

    node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

    -
    this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
    Read more

    [C++][SFML 2.2] Strange Performance Issues - Moving Mouse Lowers CPU Usage -

    -
    i've been working on making 2d map editor past 2 weeks or so, , i've run strange problem. trying optimize code, example, making functions should've been functions begin with, did made cpu usage go through roof. i've tried commenting out different sections of code thought culprits (scrolling, rendering, other calculations) no avail. think issue might trying call things within different functions, sake of making modular possible, i'd functionality. the other major change i've made since file i'm comparing i've ported variables external cpp file, since having variables global makes lot easier use within different functions. simple issue, can't life of me understand why happens. with original code, around 2-3% cpu usage. new code, around 20-35%, but, if move mouse around, it'll drop around 6-8%. tl;dr: after trying optimize code using functions, i've somehow killed performance, , found strange quirk moving mouse reduces cpu usage.. /...
    Read more

    ios - Possible to get UIButton sizeThatFits to work? -

    -
    i have been using method of resizing uibuttons depreciated, , not robust. , other reasons, want sizethatfits work uibuttons. i've read online, i'm not sure if should work (seems working some, not others, difference maybe between style, i'm using custom). here simple test code recreate issue (i put in viewdidload test, shouldn't matter, , real code part of large project): uibutton *btn = [uibutton buttonwithtype:uibuttontypecustom]; [btn settitle:@"this test long title need word wrap more single line when displayed on tiny ipod in portrait view." forstate:uicontrolstatenormal]; btn.titlelabel.linebreakmode = uilinebreakmodewordwrap; // depreciated - nothing replace it? cgrect r = btn.frame; r.origin.x = 0; r.origin.y = 0; r.size.width = 320; r.size.height = [btn.titlelabel.text sizewithfont:btn.titlelabel.font constrainedtosize:cgsizemake(r.size.width,100000) linebreakmode:btn.titlelabel.linebreakmode].height; // returns approx 86 , changes correctly ...
    Read more