При повороте экрана на моб. устройстве выполнить действие - jQuery

Навскидку, можно поставить условие, показан ли title.next().

Или удалить обработчик после выполнения. Лень думать еще варианты...

Может есть другой способ отследить смену ориентации экрана?

Есть аналог метода .resize() ?

Может проверять еще дополнительно внутри функции $( window ).resize(function()

Соотношение ширины и высоты и если они изменились выполнять действие?

if(width < 650){



  $(".title").click(function(){

      $(this).next().show();

  });



} else{

  $(".title").off('click');

}

это если нет других обработчиков клика.

Т.е. перед тем как навесить обработчик - снимаете остальные, чтобы несколько не висело. Ну или можно через .data() что-нибудь элементу назначать, чтобы знать, что обработчик уже висит и второй раз не надо.

это вы так ориентацию экрана проверяете? :))

естественно.

вы же при каждом повороте экрана цепляете ивент.

ориентацию проверять стилями:

.title + * { display: none; }
@media all and (orientation: portrait) { 
.title + *.show { display: block; }
}

ивент цеплять единожды:

$(function() {
  $(".title").on('click', function(){
      $(this).next().addClass('show');
  });
});

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

Благодарю за помощь!

если важен пиксельный диапазон - его тоже можно в ЦСС прописать.

ширина так же меняется у десктопных браузеров.

не дай бог кто-то решит поресайзить окно :)