Покажите меню NSSegmentedControl, когда сегмент нажал, несмотря на то, что установил действие

Я стараюсь избегать включая любой JavaScript с HTML. Весь код инкапсулируется в классы, и каждый класс находится в своем собственном файле. Для разработки у меня есть отдельный < script> теги для включения каждого js файла но они объединяются в единственный больший пакет для производства для сокращения издержек Запросов HTTP.

Как правило, у меня будет единственный 'основной' js файл для каждого приложения. Так, если бы я писал приложение "обзора", у меня был бы js файл названным "survey.js". Это содержало бы точку входа в код jQuery. Я создаю ссылки jQuery во время инстанцирования и затем передаю их в мои объекты как параметры. Это означает, что классы JavaScript 'чисты' и не содержат ссылок на идентификаторы CSS или имена классов.

// file: survey.js
$(document).ready(function() {
  var jS = $('#surveycontainer');
  var jB = $('#dimscreencontainer');
  var d = new DimScreen({container: jB});
  var s = new Survey({container: jS, DimScreen: d});
  s.show();
});

я также нахожу соглашение о присвоении имен быть важным для удобочитаемости. Например: Я предварительно ожидаю 'j' ко всем экземплярам jQuery.

В вышеупомянутом примере, существует класс под названием DimScreen. (Предположите, что это потускнело экран и открывается окно предупреждений.) Этому нужен элемент отделения, который это может увеличить для покрытия экрана, и затем добавить окно предупреждений, таким образом, я передаю в объекте jQuery. jQuery имеет сменное понятие, но это казалось ограничением (например, экземпляры не являются персистентными и не могут быть получены доступ) без реального позитивного аспекта. Таким образом, класс DimScreen был бы стандартным классом JavaScript, который просто, оказывается, использует jQuery.

// file: dimscreen.js
function DimScreen(opts) { 
   this.jB = opts.container;
   // ...
}; // need the semi-colon for minimizing!


DimScreen.prototype.draw = function(msg) {
  var me = this;
  me.jB.addClass('fullscreen').append('<div>'+msg+'</div>');
  //...
};

я создал некоторый довольно сложный appliations, использующий этот подход.