Super Simple jQuery Plugin Example

Super simple jQuery plugin example to demonstrate using Jasmine to test it.

by Fiddel

HTML

<script src="https://s3.amazonaws.com/davidpadbury/demos/20101009-jquery_bdd_using_jasmine/src/jquery.list.js"></script>
<div>
<input id="textbox" type="text" />
</div>


<div id="finn">
<ul id="list"></ul>
</div>

CSS

div {
  margin:0 auto;
  width:240px;
  border:1px solid red;
  padding:2em;
  text-align:center
}
div input {
  padding:2em;
}

div#finn {
  border:none;
  background-color:brown;
  color:yellow;
  
  max-height:54px;
  overflow:hidden !important;;
}


a.remove { 
    margin: 15px;
    font-size: small;
    color:yellow;
}

JavaScript

$('#list').list({
    input: $('#textbox')
});