Переверните Div на щелчок или нажмите и скрывайте на щелчке/прикосновение снаружи ⇐ Jquery

[Anonymous]

Я пытаюсь поддержать как мыши, так и дозвуковые события для Div, который я хочу показать и скрыть. Мои события Mouse работают хорошо, но я не уверен, как заставить это работать на сенсорном устройстве (iPhone, iPad или телефон на основе Android).

Взаимодействие должно заключаться в том, что когда пользователь нажимает или касается триггера, показывается коробка «Поиск», и если они нажимают/касаются вне открытого окна поиска или повторно натронуть/касаются триггера. /> вот мой html: < /p>

Код: Выделить всё

[url=#search]Search[/url]







< /code>

и, мой javascript (с помощью jQuery): < /p>

var $searchBox = $('#search .search-box');
var $searchTrigger = $('#search-trigger');

$searchTrigger.on("click", function(e){
e.preventDefault();
e.stopPropagation();
$searchBox.toggle();
});
$(document).click(function(event){
if (!($searchBox.is(event.target)) && ($searchBox.has(event.target).length === 0)){
$searchBox.hide();
};
});

Рабочий пример: http://jsfiddle.net/t5hmt/

Подробнее здесь: https://stackoverflow.com/questions/121 ... ch-outside