Question

我在html代码中有listview。我在javascript中动态填充列表视图。单击列表项后我显示了pdf。我在列表项（'li'）中使用了锚标记。这是代码。

$('div').live('pageshow',function(event, ui){

      var parent = document.getElementById('listview')
      var listItem = document.createElement('li');
        listItem.setAttribute('id','listitem');
        listItem.innerHTML = "<a href="Contacts.pdf" target="_BLANK" >ITEm</a>";
parent.appendChild(listItem);
     });

但它不起作用。在浏览器中，列表项不会显示在列表中。如果我删除“href =”Contacts.pdf“target =”_ BLANK“”，那么它工作正常。这有什么问题？我在jquery-mobile alpha2中使用此代码。请帮忙。提前谢谢。

Answer 1

双引号问题

替换此行

 listItem.innerHTML = "<a href='Contacts.pdf' target='_BLANK' >ITEm</a>";

在双引号内使用单引号。

Answer 2

要在字符串中使用引号，必须使用反斜杠转义它们：

listItem.innerHTML = "<a href=\"Contacts.pdf\" target=\"_BLANK\" >ITEm</a>";

我发现在创建HTML代码时更容易在字符串周围使用撇号，这样引号就不需要转义：

listItem.innerHTML = '<a href="Contacts.pdf" target="_BLANK" >ITEm</a>';

Answer 3

你可以把它全部放在一行：

$("#listview").append("<li><a href=\"Contacts.pdf\" target=\"_BLANK\">ITEm</a></li>");

在listItem中使用'href =“”'属性时出现问题

3 个答案: