2014-03-02 156 views
0

我我使用流星,我添加了jquery到我的項目,我添加了previewForm插件文件到我的客戶端/ lib目錄(.js文件和.css文件)。這裏是我的形式流星,previewForm jquery插件不工作

<form id="myform"> 
    <div class="form-group"> 
     <label for="Headline" class="col-sm-2 control-label">Headline</label> 
     <div class="col-sm-10"> 
      <input type="Headline" class="form-control" id="Headline" name ="jobHeadline" placeholder="Awesome coder wanted for an awesome company"> 
      <p>A single-line summary. This goes to the front page and across the network</p> 
     </div> 
    </div> 


<button id="preview" type="button" class="btn btn-primary" >Preview</button> 
<button id="submit" type="button" class="btn btn-primary formsubmit">Post Job</button> 

</form> 

和onClick事件

'click .formpreview': function(event){ 
         console.log("before plugin"); 
         $('#myform').previewForm(); 

      } 

它不工作,沒有表現出任何的預覽,如圖demo

它沒有顯示過任何錯誤消息和previewForm功能正在調用(我通過向控制檯寫入一些文本來測試它)。

我的代碼有什麼問題,是否有任何替代形式preview.Is有任何氣氛包這一點。

感謝

回答

1

這是我的錯 在我的表單添加此

<button id="preview" type="button" class="btn btn-primary" >Preview</button> 

,而不是這個

<input id="preview" type="submit" value="preview" class="btn btn-primary formpreview" >