2010-03-10 2 views
0

테이블 id = "tblOtherParties"에 다른 행을 추가하는 기능이 하나 뿐이었지만, 테이블 id = "tblOtherParties"와 동일한 작업을 수행 할 때 두 번째 함수를 추가 할 때 tblHospitalAction "unterminated 문자열 상수의 오류가 발생하지만 첫 번째 함수와 동일한 이유는 알지 못합니다.Jquery 행 문제를 생성하는 두 가지 함수

도움이 될 것입니다.

내가 가지고있는 다음과 같은 기능

<script type="text/javascript"> 
var counter = 1; 
    function createNewRow (text1,text2){ 
    var first = counter++; 
    $('#tblOtherParties > tbody').append('<tr><td> 
    <input type="text" id="txtName_'+first+'" value="'+text1+'" /> 
    </td><td> 
    <input type="text" id="txtRole_'+first+'" value="'+text2+'" /> 
    </td><td> 
    <a class="deleteBtn"/> 
    </td></tr>'); 
    } 



var counterHA = 1; 
function createNewRowHA (text1,text2){ 
    var first = counterHA++; 
    $('#tblHospitalAction > tbody').append('<tr> 
    <td> 
    <input type="text" id="txtH_'+first+'" value="'+text1+'" /> 
    </td> 
    <td> 
    <input type="text" id="txtA_'+first+'" value="'+text2+'" /> 
    </td><td><a class="deleteBtn"/></td> 
    </tr>'); 
    } 

    $(document).ready(function(){ 
    $(".deleteBtn").live("click", function(){ 
    $(this).closest('tr').not(':only-child').remove(); 
    }); 

    $('#btnAddOther').click(function() { 
    createNewRow('',''); 
    }); 

    $('#btnAddHA').click(function() { 
    createNewRow('',''); 
    }); 

}); 
</script> 

그리고 다음 표

<div > 
    <span style="float:left;padding-top:34px;"><b>Other involved parties</b></span> 
    <table style="float:left;" id="tblOtherParties"> 
    <thead> 
    <tr> 
    <td class="title">Name</td> 
    <td class="title">Role</td> 
    <td><input type="button" id="btnAddOther" value="Add"/></td> 
    </tr> 
</thead> 
    <tbody> 
    <tr> 
    <td><input type="text" id="txtName_0" size="35"/></td> 
    <td><input type="text" id="txtRole_0" size="35"/></td> 
    <td><a class="deleteBtn" /></td> 
    </tr> 
    </tbody> 
</table> 
</div> 

<div > 
    <span style="float:left;><b>Other involved parties</b></span> 
    <table style="float:left;" id="tblHospitalAction"> 
    <thead> 
    <tr> 
    <td class="title">Name</td> 
    <td class="title">Role</td> 
    <td><input type="button" id="btnAddHA" value="Add"/></td> 
    </tr> 
</thead> 
    <tbody> 
    <tr> 
    <td><input type="text" id="txtH_0" size="35"/></td> 
    <td><input type="text" id="txtA_0" size="35"/></td> 
    <td><a class="deleteBtn" /></td> 
    </tr> 
    </tbody> 
</table> 
</div> 

답변

2

당신의 문자열이 실제 소스에 여러 줄에 걸쳐, 아니면 당신이 당신의 질문에 표시 목적을 싸게 치장 했습니까? 여러 줄에 걸쳐 문자열 중 하나를 각 라인에 종료되고 다음에 연결된해야하거나 개행 문자를 탈출해야 :

// Unterminated string constant on the first line 
"this is a 
test string that spans multiple lines" 

// Escaping the newline character 
"this is a \ 
test string that spans multiple lines" 

// Concatenating each line: 
"this is a " 
+ "test string that spans multiple lines" 

2와 3 사이의 가장 큰 차이는 둘째가 계속 것입니다 문자열의 줄 바꿈은 \n 또는 \r\n을 사용하여 수동으로 추가하지 않는 한 세 번째 않습니다. 두 번째 단점은 문자열 구분 기호 사이의 다른 모든 공백 문자 (공백, 탭 등)가 코드를 깔끔하게 보이게 만드는 어색한 문자열의 일부라는 것입니다.