Селектор jquery на логотипе Drupal

Question

Я хочу сделать div id = 'logo' кликабельным с помощью jquery с помощью функции .click. К сожалению, идентификатор логотипа полностью закрыт заголовком id =. Есть ли способ jQuery изолировать логотип div от заголовка div?

<div id='header'>
  <div id='logo'>
  </div>
</div>

Answer 1

Если вы думаете, что нажатие на logo div вызовет событие щелчка header, если оно есть, вы можете остановить распространение события нажатием logo.Попробуйте это

$("#logo").click(function(e){
   //Do you stuff here
   e.stopPropagation();
});

Answer 2

Обычно Drupal будет связывать логотип с вашей главной страницей, так что это, скорее всего, не проблема jQuery, а проблема CSS.

Есть несколько вещей, связанных с CSS: вы можете переместить логотип в другое местов структуре HTML: $('#logo').appendTo('some selector') Затем вы должны указать #logo визуально вернуться на свою позицию (например, установить координаты с помощью CSS)

Если по какой-то причине какой-то другой тег находится поверхлоготип, вы можете иметь успех со свойством z-index.