Why won't my JQuery input mask work :(

[Brawhammer]

Hey all,

 

So at the moment I have a box, When you press that box http:// will appear at the start then you can put in you url, You get the drift.

 

This was fully working till I decided to get a template and implement bootstrap. Now it does not work.

 

My Custom.js

 

$(function() {$('#website').inputmask();});

My check.blade.php

 

@[member=include02]('templates.header')        @[member=include02]('templates.nav')<section        @if (Session::has('errors'))            <div class="alert alert-danger alert-dismissible" role="alert">                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>                <strong>Oops!</strong> Better check yourself before you rek yourself.            </div>        @endif        {{ Form::open(['url' => 'checked', 'method' => 'post', 'class' => 'form-inline']) }}            <div class="row text-center">                <div class="col-lg-12">                    <div class="input-group">                        <input id="website" type="text" name="website" data-inputmask="'alias': 'url'" class="form-control input-lg" placeholder="www.yahoo.com" />                        <span class="input-group-btn">                            <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-check"></i> Go!</button>                        </span>                    </div>                </div>            </div>                        </div>        </div>        {{ Form::close() }}        @[member=include02]('templates.footer')

 

Will appreciate any help here!

 

The footer holds all the js scripts.

 

<!-- js -->{{ HTML::script('js/jquery.min.js') }}{{ HTML::script('js/bootstrap.min.js') }}{{ HTML::script('js/jquery.inputmask.min.js') }}{{ HTML::script('plugins/modernizr.js') }}{{ HTML::script('plugins/isotope/isotope.pkgd.min.js') }}{{ HTML::script('plugins/jquery.backstretch.min.js') }}{{ HTML::script('plugins/jquery.appear.js') }}{{ HTML::script('js/template.js') }}{{ HTML::script('js/custom.js') }}</body></html>

 

I am using Laravel Framework with this.

 

Any help would be great!

[SparkySamZa]

because it went on vacation. Sorry pointless comment but a very true one also

[cynexit]

There could be many reasons, so please use Firebug / the Dev Console (F12) and check the Tab labeld "Console" for error messages and warnings. Once you paste them here it'll be much easier to help.

[SSL]

Learn to problem solve.

 

What changed when you got the template? What could realistically have an effect? Are error messages triggered that could give you a hint to what is broken? What happens when you step through the JS with a debugger? Does it work again if you check out a previous commit (because of course you are using version control)? Are there any errors in the apache error log? What if you remove all JS but the code needed to run this feature? And then progressively add the other scripts back to the template? Is the relevant html showing up for the javascript to hook into? Do you know how and why to use a framework or is your "site" just going to be another depressing mess of PHP?

[ekv]

You cant call jQuery before you call jQuery file, simple as that.

1st include jQuery lib then call:

$(document).ready(function() {   console.log("Whatever you want.");});

And yeha learn to use dev console or firebug.

It helps a lot when you code somthing in JS.

[Brawhammer]

because it went on vacation. Sorry pointless comment but a very true one also

 

 

There could be many reasons, so please use Firebug / the Dev Console (F12) and check the Tab labeld "Console" for error messages and warnings. Once you paste them here it'll be much easier to help.

 

 

Learn to problem solve.

 

What changed when you got the template? What could realistically have an effect? Are error messages triggered that could give you a hint to what is broken? What happens when you step through the JS with a debugger? Does it work again if you check out a previous commit (because of course you are using version control)? Are there any errors in the apache error log? What if you remove all JS but the code needed to run this feature? And then progressively add the other scripts back to the template? Is the relevant html showing up for the javascript to hook into? Do you know how and why to use a framework or is your "site" just going to be another depressing mess of PHP?

 

 

You cant call jQuery before you call jQuery file, simple as that.

1st include jQuery lib then call:

$(document).ready(function() {   console.log("Whatever you want.");});

And yeha learn to use dev console or firebug.

It helps a lot when you code somthing in JS.

 

YES!

 

I got it. Turns out I didn't have the bloody plugin being mounted right. Gah!

 

Works now though thanks all of you!

[Lumi]

I was thinking this could be the issue.

<section

[ekv]

 

I was thinking this could be the issue.

<section

 

He already told what's the issue but did marked question as answered.

[Lumi]

He already told what's the issue but did marked question as answered.

I noticed, I was saying at first look I figured his html was going to be broken because he messed up the section tag.