需要幫助鏈接到維基百科查看器

當我點擊標題我想去相關的維基百科article.i試過包裝的方法。但它不是happen.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');; 

     } 

}); 
    } 
});

這裏是我的筆的鏈接。 http://codepen.io/R_Ganesh/pen/eBBmwW

來源

2016-11-18 R Ganesh

我想標題中的結果還爲時過早在鏈接到 –

你結束雙引號各自的wiki頁面你' wrap（）'我不認爲這是唯一的問題，但肯定會給你帶來問題。 '/ wiki /''+ encodeURIComponent'應該是'/ wiki /'+ encodeURIComponent' – DBS

這是行不通的。 –

您可以使用.wrapInner()方法在.wrap()方法您的鏈接來包裝div元素

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

內鏈接沒有任何價值。

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

添加query[i].title值鏈接。並與wrapInner()裹繞<div class="title">內容鏈接

檢查工作代碼： codePen

來源

2016-11-18 17:54:45

非常感謝。可以問我爲什麼'wrap'沒有工作？ –

我更新我的回答 –

謝謝爲了解釋夥計。 –

需要幫助鏈接到維基百科查看器

回答

相關問題