2015-06-22 30 views
-1

我試圖把巨大的html代碼在jquery中,使用倒排列 逗號,但在換行符後面,引號不能引用,如何 這樣做,有人可以提示如何做到這一點.The HTML代碼編寫附加引腳不能用於多行jquery

$(document).ready(function(){ 
    $('#addmore').click(function(){ 
    $('#item').append("<div class='form-group'><label class='col-sm-4 '>Period</label><div class='col-sm-8'><div class='checkbox'><label><input type='checkbox' value='YES' name='currently_attending'>I`m currently attending this course</label></div><div class='row'><div class='col-xs-3'> Month<select class='span2 form-control' required name='from_month'><option value=''>Month</option><option value='Jan'>Jan</option> 
              <option value='Feb'>Feb</option> 
              <option value='March'>March</option> 
              <option value='April'>April</option> 
              <option value='May'>May</option> 
              <option value='June'>June</option> 
              <option value='July'>July</option> 
              <option value='Aug'>Aug</option> 
              <option value='Sept'>Sept</option> 
              <option value='Oct'>Oct</option> 
              <option value='Nov'>Nov</option> 
              <option value='Dec'>Dec</option> 
             </select> 
             </div> 
             <div class='col-xs-3'> 
             Year 
              <input type='text' class='form-control' placeholder='year' name='from_year' required pattern='[0-9]{4,4}'> 
             </div> 
             <span class='box'> 
             <div class='col-xs-3'> 
             Month 
             <select class='span2 form-control' name='to_month' > 
              <option value=''>Month</option> 
              <option value='Jan'>Jan</option> 
              <option value='Feb'>Feb</option> 
              <option value='March' >March</option> 
              <option value='April'>April</option> 
              <option value='May'>May</option> 
              <option value='June'>June</option> 
              <option value='July'>July</option> 
              <option value='Aug'>Aug</option> 
              <option value='Sept'>Sept</option> 
              <option value='Oct'>Oct</option> 
              <option value='Nov'>Nov</option> 
              <option value='Dec'>Dec</option> 
             </select> 
             </div> 
             <div class='col-xs-3'> 
             Year 
             <input type='text' class='form-control' placeholder='year' name='to_year' > 
             </div> 
             </span> 

             <div id='ab'></div> 
            </div> 
            </div> 
           </div> 

           <div class='cl'></div> 
           <div class='form-group'> 
            <label class='col-sm-4'>Degree/Course title*</label> 
            <div class='col-sm-8'> 
            <input type='text' class='form-control ' name='title' required /> 
            </div> 
           </div> 
            <div class='cl'></div>" 
    }); 

    }); 

    $("#item").on("click",".delete", function(){ 
    $(this).closest(".form-group").remove(); 
    }); 
+1

通過「引號」你的意思是單引號'''? –

+0

是的,單引號或雙引號 – Rahul

回答

1

在每行的末尾添加blackslash \。倍數行字符串不能沒有它在JS

編輯解析:與例如

$('#item').append("<div class='form-group'><label class='col-sm-4 '>Period</label><div class='col-sm-8'><div class='checkbox'><label><input type='checkbox' value='YES' name='currently_attending'>I`m currently attending this course</label></div><div class='row'><div class='col-xs-3'> Month<select class='span2 form-control' required name='from_month'><option value=''>Month</option><option value='Jan'>Jan</option> \ 
             <option value='Feb'>Feb</option> \ 
             <option value='March'>March</option> \ 
             <option value='April'>April</option> \ 
             <option value='May'>May</option>"); 
+0

你可以解釋給出的例子 – Rahul

+0

剛剛用例子編輯 – jbduzan