javascript - 简单的 jQuery 函数调用不起作用

Question

我的页面是；

  <div class="new-nav">
  </div>

我的 jQuery 代码是；

var div1 = "      
<div class=\"metro-nav-block nav-block-orange\">\n                    
    <a data-original-title=\"\" href=\"NotesMonitoring.aspx\">\n                        
        <i class=\"icon-phone\"></i>\n                        
        <div class=\"info\">
            <span data-bind=\"text: JSON.MonthMyCall\"></span> / 
            <span data-bind=\"text: JSON.MonthCallGoal\"></span>
        </div>                  \n                        
        <div class=\"status\">Benim Aradığım</div>\n                    
    </a>\n                
</div>"
var dv = $(div1).appendTo(".new-nav");

但是当我打开页面时，它会给出如下错误:

未捕获错误:语法错误，无法识别的表达式:

• 在 Function.st.error (jquery-1.9.1.min.js:3)
• 在 ft (jquery-1.9.1.min.js:3)
• 在 wt (jquery-1.9.1.min.js:3)
• 位于 Function.st [as find] (jquery-1.9.1.min.js:3)
• 在 init.find (jquery-1.9.1.min.js:3)
• 在初始化(jquery-1.9.1.min.js:2)
• 在 b (jquery-1.9.1.min.js:2)

我只是尝试了$(div1)，但它给出了同样的错误。

但是当我尝试使用 jQuery 1.8.3 时它可以工作。是 jQuery 1.9.1 的问题吗？

我该如何解决这个问题？

Answer 1

您没有正确处理转义字符。当您使用 "" 属性时，它实际上会关闭并再次打开，这是不完整的。要么写成

var div1 = '<a data-original-title="" href="NotesMonitoring.aspx">Notes</a>'

或者

var div1 = "<a data-original-title=\"\" href=\"NotesMonitoring.aspx\">Notes</a>"

工作片段

var div1 = "<a data-original-title=\"\" href=\"NotesMonitoring.aspx \">Notes</a>";
var dv = $(div1).appendTo(".new-nav");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="new-nav">
</div>