Uncaught TypeError: Объект # <HTMLDivElement> не имеет метода «addPanel»

Я пытаюсь реализовать функциональность закладки почти кросс-браузер и нашел это на SO: How do I add an "Add to Favorites" button or link on my website?Uncaught TypeError: Объект # <HTMLDivElement> не имеет метода «addPanel»

Теперь я использую @ ответ PHPst в. .

<script type="text/javascript"> 
$(function() { 
    $("#bookmarkme").click(function() { 
     if (window.sidebar) { // Mozilla Firefox Bookmark 
      window.sidebar.addPanel(location.href,document.title,""); 
     } else if(/*@[email protected]*/false) { // IE Favorite 
      window.external.AddFavorite(location.href,document.title); 
     } else if(window.opera && window.print) { // Opera Hotlist 
      this.title=document.title; 
      return true; 
     } else { // webkit - safari/chrome 
      alert('Press ' + (navigator.userAgent.toLowerCase().indexOf('mac') != - 1 ? 'Command/Cmd' : 'CTRL') + ' + D to bookmark this page.'); 
     } 
    }); 
}); 
</script>

он работает на простой веб-страницы .. как показано здесь: http://jsfiddle.net/GXas4/

но когда я использовать его внутри WordPress шаблон, в хроме я получаю ошибку JS, как это:

Uncaught TypeError: Object #<HTMLDivElement> has no method 'addPanel'

он не возвращает ошибку на консоли firefox, но ничего не делает.

У многих сообщений на SO есть вопросы, начинающиеся как это ('Uncaught TypeError: Object # не имеет метода'), но ничто, кажется, не указывает мне в правильном направлении.

У кого-нибудь есть идея, почему это происходит?

источник

2013-07-19 reikyoushin

Возможно, что тема WordPress, которую вы используете, имеет элемент с id = sidebar.

Если глобальная переменная с тем же именем не определена, глобальная переменная будет создана для каждого элемента с идентификатором.

Итак, первое испытание ненадежно. Например, оценка window.sidebar на странице stackoverflow будет верна даже в Chrome, потому что на веб-сайте используется элемент с таким идентификатором.

источник

2013-07-19 13:53:24 sabof

да, есть #sidebar, так как, по-вашему, я могу обойти эту проблему? EDIT: я попробую это на jsfiddle .. – reikyoushin

на самом деле, вы правы .. http://jsfiddle.net/hwZsa/1/, но как я могу отредактировать этот код для работы на странице с #sidebar? – reikyoushin

Измените первый тест на '(window.sidebar &&! (Window.sidebar instanceof Node))' – sabof

Вы должны использовать wp_enqueue_script (Documentation)

Ваши зависимости не может быть вызван до этого сценария. Если вы епдиеий скрипт, который вы можете сделать загрузку зависимостей первого использованием

wp_enqueue_script($handle, $path to file, array(jquery));`

Поскольку я поместил JQuery в массиве теперь будет загружать JQuery перед сценарием.

источник

2013-07-19 13:46:17

единственная зависимость необходима на этом скрипте JQuery, и он уже загружен (по умолчанию на WordPress), прежде чем я выполнить этот скрипт .. Я также скорректировал этот код на wordpress, чтобы использовать jQuery() вместо $(), чтобы избежать конфликтов .. – reikyoushin

jquery также работает уже .. проблема в функции, вызванной jquery .. кажется, jquery имеет связанный с объектом окна намного выше кода и где-то переопределил оконный объект. – reikyoushin

addPanel была удалена из Firefox, так как v 23. Но вы можете использовать разметку вместо:.

<a href="http://stackoverflow.com" title="Stack Overflow" rel="sidebar">Bookmark me</a>

источник

2016-04-10 20:51:09

Uncaught TypeError: Объект # <HTMLDivElement> не имеет метода «addPanel»

ответ

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