jquery - 乳胶方程式无法正常工作

Question

<form name="checkListForm">
    <input type="text" name="checkListItem"/>
</form>
<div id="button">Add!</div>
<br/>
<div class="list"></div>
    <script>
        $(document).ready(function(){
           $('#button').click(function(){
           var toAdd = $('input[name=checkListItem]').val();
           $('.list').append('<img src="http://latex.codecogs.com/gif.latex?\frac{x}  {y}"/>');

        }); 
         $(document).on('click', '.item', function(){
            $(this).remove();
         });
      });
    </script>

所以我在这里有这个表格，当我按下按钮时，应该将此乳胶方程附加到 html 元素 .list 中。但是我得到了这个 我正在使用这个lates equation js文件形式codecogs：codecogs.com/latex/htmlequations.php

Answer 1

您需要转义\行中的字符：

$('.list').append('<img src="http://latex.codecogs.com/gif.latex?\frac{x}{y}"/>');

因此，继续将其更改为：

$('.list').append('<img src="http://latex.codecogs.com/gif.latex?\\frac{x}{y}"/>');

在您的版本中，您试图转义f不正确的字符。

JSFiddle