Как я могу добавить заголовок ресурса LinkedIn? - PullRequest
Новая
       30

Как я могу добавить заголовок ресурса LinkedIn?

0 голосов
/ 04 мая 2018

Я использую jQuery для получения основной части заголовка, но я хочу добавить собственный текст в конце заголовка. Я почти уверен, что что-то напутал с апострофами, но не могу понять где.

Текст, который я хочу добавить: CUSTOM SHARE TEXT

Вот где я застрял 

    <a href="#" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + jQuery('.active-review').attr('href') + '&title=' + jQuery('.active-review .head-container').text() + 'CUSTOM SHARE TEXT', '', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;">
    <i class="fa fa-fw fa-linkedin"></i> LinkedIn</a>

Спасибо за помощь.

Ответы [ 2 ]

0 голосов
/ 04 мая 2018

Проблема была в чрезмерных пробелах в компоненте jQuery. После добавления функции trim() проблема, похоже, решена в моем случае. Текст, добавленный к заголовку, всегда был здесь, но не был виден из-за десятков %20 после заголовка.

Вот последний код, который работает для меня. 

    <a href="#" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(jQuery('.active-review .head-container').text().trim()) + encodeURIComponent(' CUSTOM TEXT'),'', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;"
        ><i class="fa fa-fw fa-linkedin"></i> LinkedIn</a>
0 голосов
/ 04 мая 2018

Я думаю, что ваша проблема связана с пробелами и другими недопустимыми символами в URL.

Вы всегда должны использовать encodeURIComponent при построении URL-адресов из текста.

Также, как вы правильно сказали, вы забыли некоторые апострофы.

Попробуйте это: 

<a href="#" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(jQuery('.active-review').attr('href')) + '&title=' + encodeURIComponent(jQuery('.active-review .head-container').text()) + encodeURIComponent('CUSTOM SHARE TEXT'), '', '_blank', 'width=500, height=500, resizable=yes, scrollbars=yes'); return false;">
    <i class="fa fa-fw fa-linkedin"></i> LinkedIn
</a>
...