从json文件中写入链接值

Question

使用phonegap为Android构建应用程序并从本地json文件中读取内容。

但我无法添加链接我的输出。它没有链接，但是当我尝试添加链接值时，它不起作用。

使用此代码。

$(document).on("pagebeforeshow", "#page", function(){ 
$.getJSON("res/veri/content.json", function(data){
    console.log(data);
    var output = '';
    $.each(data, function (index, value) {
        output += "<li>"+value.title+"</li>";                               
    });
    $('#list').html(output).listview("refresh");
});
});

但我想添加链接值;

首先添加

<script type="text/javascript">
    function openLink(link){
        window.open(link, '_blank', 'location=yes');
    }
</script>

并改变了;

"<li onclick='openLink(\"+"value.link+"\")' />"+value.title+"</li>";

但是，它不起作用..如何修复错误。感谢。

Answer 1

已经看过这项工作......

var link = $("<a href='" + value.link + "'></a>");
link.get(0).click();

也许你可以用你已经拥有的东西做一些变化。

"<li onclick='link.get(0).click();' />"+value.title+"</li>";

只是一个想法。

Answer 2

demo

$(document).on("pagebeforeshow", "#page", function(){ 
  $.getJSON("res/veri/content.json", function(data){
    console.log(data);
    $.each(data, function (index, value) {
      $('#list').append('<li class="listElement" onclick="openLink('+value.link+')">'+value.title+'</li>'
      );
    });
  });
});

Answer 3

'<li><a href="' + value.link + '" data-rel="external">' + value.title + '</a></li>';

它可以使用此代码。