在连接维基百科查看器时需要帮助

Question

当我单击标题时，我想转到相关的维基百科 article.i 尝试了换行 method.But 它没有 happening.please 帮助。这是代码。

$(function(){
$('#bar').click(function(){
  $('#bar').hide().fadeOut(1000);
  $('#search_box').show().fadeIn(2000).focus();
  $('a,p').hide();
  $('.btn').show();
});
  $('#clear').click(function(){
    $('#search_box').val('');
  });
  $('#search_box').keypress(function(e){
    if(e.which == 13)
      {
        getData();
      }
  });

  $('#search').click(function(){
    getData();
  });

  function getData()
  {
    $('.title ,.card').remove();
    var searchQuery = $('#search_box').val();
    $.getJSON('https://en.wikipedia.org/w/api.php?format=json&action=query&list=search&srsearch='+searchQuery+'&utf8&callback=?', function(data){
      console.log(data);
      var query = data.query.search;

      for(var i=0;i<query.length;i++)
        {

        **$('<div class="title">'+query[i].title+'</div>').addClass('title').wrap('<a href="http://en.wikipedia.org/wiki/"'+encodeURIComponent(query[i].title)+'"> </a>').appendTo('body');**


  $('<div>'+query[i].snippet+'</div>').appendTo('body').addClass('card');;

        }

});
  }
});

这是我笔下的 link。 http://codepen.io/R_Ganesh/pen/eBBmwW

Answer 1

您可以使用 .wrapInner() 方法将 link 包裹在 div 元素中

$('<div class="title"></div>')
.wrapInner("<a href='http://en.wikipedia.org/wiki/"+encodeURIComponent(query[i].title)+"'>"+query[i].title+"</a>")
.appendTo('body');

在您的 .wrap() 方法中，您的 link 没有任何价值。

.wrap('<a href="http://en.wikipedia.org/wiki/'+encodeURIComponent(query[i].title)+'"> </a>')
                                                                                     ^

将 query[i].title 值添加到 link。并用 wrapInner() 将 link 包裹在 <div class="title"> 内容

周围

检查工作代码： codePen

在连接维基百科查看器时需要帮助

need help in linking with wikipedia viewer

ajax

anchor

jquery