2017-02-26 45 views
0

我是一個新的程序員,我有一個小問題,這是我的代碼的一部分:添加JavaScript在<腳本類型=「text/html的> ...</script>

<script type="text/html" id="experienceTmpl"> 

    <li class="clearfix"> 

    <div class="page-header no-border holder"> 
     <a class="btn btn-icon-toggle btn-accent btn-delete stick-top-right"><span class="md md-delete"></span></a> 
     <h4 class="text-accent">Food Items 
     <%=index%> 
     </h4> 
    </div> 

    <div class="row"> 

     <div class="col-md-4"> 
     <div class="form-group"> 
      <input type="text" class="form-control" id="experience-company-<%=index%>" placeholder="Food Item" name="experience-company-<%=index%>"> 
      <label for="experience-company-<%=index%>"></label> 
     </div> 
     </div> 

     <div class="col-md-4"> 
     <div class="form-group"> 
      <input type="text" class="form-control" id="experience-functiontitle-<%=index%>" placeholder="Price" name="experience-functiontitle-<%=index%>" data-rule-number="true"> 
      <label for="experience-functiontitle-<%=index%>"></label> 
      <p class="help-block">Digits only</p> 
     </div> 
     </div> 

     <div class="col-md-4"> 
     <div class="form-group"> 
      <select id="select1-<%=index%>" name="select1-<%=index%>" class="form-control" placeholder="Select" required> 
       <option value="Full Plate">Full Plate</option> 
       <option value="Half Plate">Half Plate</option> 
       <option value="Quarter Plate">Quarter Plate</option> 
      </select> 
      <label for="select1-<%=index%>"></label> 
     </div> 
     </div> 

    </div> 

    <div class="form-group"> 
     <input type="text" multiple name="cuisine" class="tagsInput" value="Afghani,Mughlai" data-url="cuisine.json" data-user-option-allowed="true" data-load-once="true" required /> 
    </div> 

    </li> 

</script> 

我的問題是我怎麼能在這個HTML模板添加這個腳本,以便在輸入標籤調用這個腳本類:

<script type="text/javascript"> 
    $('.tagsInput').fastselect(); 
</script> 

這是可以調用這個腳本的HTML模板,請提供解決方案,我完全空白

+0

嗨,嘗試寫在HTML和PHP,不要使用模板和框架,如果你新和總空白。賺取第一個PHP,HTML,CSS,MySQL,然後嘗試寫模板或使用框架(不要浪費你的時間)。 – 2017-02-26 14:15:28

回答

0

I th油墨最好的方式是在渲染特定的腳本/ html模板時動態地將javascript添加到DOM。

詳細信息: 在應用程序級別,您知道哪個模板將在頁面中呈現。爲每個模板ID創建單獨的JS文件,並將活動模板相關的JavaScript文件注入DOM。

注意: 這就像你要創建模板引擎。使用現有模板引擎(如Handlebars,JADE,Underscore)的最佳方法。它會節省您的開發時間並減少錯誤。

相關問題