Question

<script>$(document).ready(function() {
    $('#offset').change(function(){
    $('#casillaOffset').append('<fieldset><legend>Offset</legend><table>
        <tr>
         <tdid="Subtitulo"><divalign="left"id="Subtitulo">Densitometría:</div></td>
<tdid="Subtitulo"><divalign="left">
<inputtype="checkbox"name="densi"id="densi"/>
</div></td>
<td><divalign="left"id="Subtitulo2">PdeTinta:</div></td>
<td><divalign="left">
<inputtype="checkbox"name="p_tinta"id="p_tinta"/>
<inputname="cant_colores"type="number"id="cant_colores"min="0"max="99"size="2"maxlength="2"/>
</div></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<tdid="Subtitulo"><divalign="left">TirosR.Offset:</div></td>
<tdid="Subtitulo"><divalign="left">
<inputname="t_reales"type="text"id="t_reales"size="8"readonly="readonly"/>
</div></td>
<td><divalign="left"id="Subtitulo">TirosB.Offset:</div></td>
<td><divalign="left">
<inputname="tiros_totales"type="text"id="tiros_totales"value="0"size="8"readonly="readonly"/>
</div></td>
<tdid="formula"></td>
<td></td>
<td></td>
</tr>
<tr>
<td><divalign="left"id="Subtitulo">MaquinasOffset:</div></td>
<td><?php include("../select_list/lista_maquinas_offset.php");?>
</td>
<td>FechaDistribución:</td>
<td><inputname="fecha_offset"type="text"class="fecha_offset"id="fecha_offset"value="<?php echo date("d-m-Y");?>"size="10"readonly="readonly"/></td>
<td><aonclick="abreVentana()"href="#"id="ver">ver</a></td></tr>
</table>
</fieldset>')   
    });
})</script>

我收到“Uncaught SyntaxError：Unexpected token＆lt;”在以下代码中。当我尝试插入此代码时出现此错误。

php不是问题，因为我删除了这个问题甚至还在继续。

Answer 1

它不起作用的原因是因为javascript字符串必须在下一个换行符之前终止。

如果你希望有一个跨越多行的字符串，你可以在终止该行之前插入一个反斜杠字符'\'，如下所示：

$('#casillaOffset').append('<fieldset><legend>Offset</legend><table>\
        <tr>\
         <tdid="Subtitulo"><divalign="left"id="Subtitulo">Densitometría:</div></td>\
<tdid="Subtitulo"><divalign="left">');

或加入多行，如下所示：

$('#casillaOffset').append('<fieldset><legend>Offset</legend><table>' +
        '<tr>' +
         '<tdid="Subtitulo"><divalign="left"id="Subtitulo">Densitometría:</div></td>' +
'<tdid="Subtitulo"><divalign="left">');

Answer 2

你最好在<div id="toAppend">html here</div>之类的内容中使用html，然后使用jQuery选择器将其瞄准html：

$(document).ready(function() {
  $('#offset').change(function(){
    $('#casillaOffset').append($('#toAppend').html());
  });
});

未捕获的SyntaxError：意外的令牌＆lt; Jquery附加

2 个答案: