Как адаптировать java script для drupal 7?

Question

[anikitin35]

Добрый день!

С первой частью документа вроде бы всё понятно.
Обернул в друпаловский стандарт (function ($) { }(jQuery));
Когда дело доходит до функций, которые идут после первой части документа, то ничего не работает.
Их следует каким-то образом адаптировать?

Структура документа:

jQuery(document).ready(function($){
         var .......

         $test.on('click', function(event){
		event.preventDefault();
		$menu_navigation.removeClass('speed-in');
		toggle_panel_visibility($lateral_cart, $shadow_layer, $('body'));
	});
});

function toggle_panel_visibility ($lateral_panel, $background_layer, $body) {
	if( $lateral_panel.hasClass('speed-in') ) {
		// firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden
		$lateral_panel.removeClass('speed-in').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
			$body.removeClass('overflow-hidden');
		});
		$background_layer.removeClass('is-visible');
.................................

Comments

[anikitin35]

Вот так в друпале...

Drupal.progressBar = function (id, updateCallback, method, errorCallback) {
  var pb = this;
  this.id = id;
  this.method = method || 'GET';
  this.updateCallback = updateCallback;
  this.errorCallback = errorCallback;

  // The WAI-ARIA setting aria-live="polite" will announce changes after users
  // have completed their current activity and not interrupt the screen reader.
  this.element = $('<div class="progress" aria-live="polite"></div>').attr('id', id);
  this.element.html('<div class="bar"><div class="filled"></div></div>' +
                    '<div class="percentage"></div>' +
                    '<div class="message">&nbsp;</div>');
};

Ну и каким образом потом к функции обращаться?

Answer 1

[tennalian]

А не много там закрывающих скобок после онклик?

Comments

[anikitin35]

Нет. Код взят с другого источника и мне его нужно адаптировать для Drupal 7. Первая часть документа jQuery(document).ready(function($){ ..... }); Вторая часть документа - несколько функций. На количество скобок смотреть не стоит. Не могу сообразить каким образом заставить его работать в Drupal 7.

[tennalian]

anikitin35: попробуй все запилить в (function ($) { ... })(jQuery); Мне прост непонятно, почему у тебя функции идут отдельно)

[anikitin35]

tennalian: к сожалению, не работает. Я пробовал. Друпал требует какой-то свой формат для функций.

[anikitin35]

tennalian: jsfiddle.net/03bpuspe Вот не работает у меня в друпале хоть убей. Jquery 1.10 Сверху в меню есть кнопки, при нажатии срабатывают события.

[tennalian]

anikitin35: Ну вот я и думаю, что проблема в том, что вторую часть документа, те несколько функций, ты вынес вне (function ($) { ... })(jQuery);

[tennalian]

anikitin35: что в консоли пишет-то?

[anikitin35]

tennalian: ничего я не выносил. В какой консоли? Ошибок нет никаких. Просто скрипт не работает тупо и все. В jsfiddle.net же работает. Я уже попробовал и так и сяк и кеш каждый раз сбрасывал... Если делаю просто как в первой части (function ($) { ... })(jQuery); но удаляю jQuery(document).ready(function($){, то работает. Если делаю как есть или вставляю функции в документ, то ничего не работает....

[tennalian]

anikitin35: запутал ты меня совсем jsfiddle.net/m59wgxzf Так делаешь? В консоли - F12-console

[anikitin35]

tennalian: да, в последней ссылке такой код. А полное решение - jsfiddle.net/03bpuspe

[anikitin35]

tennalian: Решено. Был конфликт в другом файле js. Я его отключил. Обернул весь код как положено, но подглядел у других, что ставят в конце })(jQuery);
; Дополнительно точку с запятой. Функции заработали. Ура.

Answer 2

[Станислав Езерский]

Для Drupal 7 стандарт вообще-то вот такой:

(function ($) {
  Drupal.behaviors.MYCALLBACK= {
    attach: function (context, settings) {

      //Something

    }
  };
}(jQuery));