javascript
  • html
  • wordpress
  • 2014-10-02 5 views 0 likes 
    0

    Я использую этот немного кода, чтобы добавить кнопку «pin it» на мой сайт Wordpress. Я добавил в цель = «_blank», и он все равно открывается в том же окне.Как открыть кнопку Pinterest в отдельном окне?

    <a target="_blank" href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;//assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'>Pin it</a> 
    

    ответ

    1

    Pinterest имеют button generator, который, вероятно, самый простой и рекомендуемый способ сделать это. Но если вы гораздо более склонны делать это через ссылку, вы можете попробовать это ..

    <a href="http://pinterest.com/pin/create/link/?url=[yourURLHere]" onclick="javascript:window.open(this.href, 
        '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Pin it</a> 
    

    Обратитесь к this question для получения дополнительной информации.
    Кстати, вы можете прочитать это documentation, чтобы быть в курсе возможных последствий, если вы идете по этому маршруту.

    0

    Вот еще один вариант, который вы можете попробовать. Имейте в виду, что для этого требуется JQuery. Поэтому убедитесь, что он включен на странице, как так:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    

    вот ваше решение:

    <a href="http://example.com" rel="external">External link</a> 
    <script type="text/javascript"> 
        $('a[rel="external"]').attr('target', '_blank'); 
    </script> 
    

    Обратите внимание на rel="external", который был добавлен к ссылке

    Смежные вопросы