2010-12-13 1 views
0

Похоже, это простое решение, но я не могу обернуть вокруг него голову. У меня есть четыре дивы, как один нижеСобытие для iPhone/iPad для запуска различных div

<div ontouchstart="touchStart(event)" ontouchmove="touchMove (event)" ontouchend="touchEnd (event)" class="c1" id="c1">copy1</div> 

Код для touchStart очень просто на данный момент:

function touchStart (e) { 
    e.preventDefault(); 
    e.target.style.color="#ff0000"; 
    return false; 
} 

Вопрос заключается в том, как может сенсорные функции целевой другой DIV (не целевой, что был затронут) и измените его непрозрачность от 0 до 1 в touchStart, затем с 1 на 0 в touchEnd.

Благодаря

ответ

0

Я не эксперт, но вот мои два цента, и мы надеемся, поможет вам найти решение

С JQuery, нажав один элемент может вызвать другую и изменить CSS прозрачность цели атрибута, как :

$("#div_thats_touched").click(function(){ 
     $("#target_div").css("opacity","1"); 
    }) 

в JavaScript это было бы что-то вроде

this.onClick(function(){ 
target=document.getElementById('target'); 
target.style.opacity("1"); 
}); 

или если вы хотите, чтобы вызвать событие другого элемента:

$("#div_thats_touched").click(function(){ 
      $("#target_div").trigger("click"); 
     }) 

И вместо того, чтобы touchstart и touchend, вы можете использовать метод переключения JQuery, чтобы объединить их в один метод (возможно) http://api.jquery.com/toggle/ HTTP://api.jquery.com/trigger/