Doubletap с Finger.js Массив divs Одиночный вызов Single Selector - PullRequest
Новая
       4

Doubletap с Finger.js Массив divs Одиночный вызов Single Selector

0 голосов
/ 11 мая 2018

Как бы я назначил селектор этих Divs индивидуально для вызова Jquery (не беспокойтесь о событии ondblclick, то есть при щелчке мышью)

покажу вам код, поскольку он довольно понятен. 

<div id='infotextinner' class='infotextinner' >

<div id='infobutton1'  class='infobuttons' ondblclick="dblclicked(this);" >Home & Garden</div>

<div id='infobutton2'  class='infobuttons' ondblclick="dblclicked(this);"  >Sports</div>

<div id='infobutton3'  class='infobuttons' ondblclick="dblclicked(this);"  >Electronics</div>

<div id='infobutton4'  class='infobuttons' ondblclick="dblclicked(this);"  >Jewelry</div>

<div id='infobutton5'  class='infobuttons' ondblclick="dblclicked(this);"  >Cosmetics</div>

<div id='infobutton6'  class='infobuttons' ondblclick="dblclicked(this);"  >Fashion</div>

<div id='infobutton7'  class='infobuttons' ondblclick="dblclicked(this);"  >Collectables</div>  

<div id='infobutton8'  class='infobuttons' ondblclick="dblclicked(this);"  >Pets & Animals</div>

<div id='infobutton9'  class='infobuttons' ondblclick="dblclicked(this);"  >Vehicles</div>

<div id='infobutton10'  class='infobuttons' ondblclick="dblclicked(this);"  >Houses/Flats</div>

<div id='infobutton11'  class='infobuttons' ondblclick="dblclicked(this);"  >Jobs/work</div>

<div id='infobutton12'  class='infobuttons' ondblclick="dblclicked(this);"  >Fashion</div>

<div id='infobutton13'  class='infobuttons' ondblclick="dblclicked(this);"  >Collectables</div> 

<div id='infobutton14'  class='infobuttons' ondblclick="dblclicked(this);"  >Pets & Animals</div>

<div id='infobutton15'  class='infobuttons' ondblclick="dblclicked(this);"  >Vehicles</div>

<div id='infobutton16'  class='infobuttons' ondblclick="dblclicked(this);"  >Houses/Flats</div>

<div id='infobutton17'  class='infobuttons' ondblclick="dblclicked(this);"  >Jobs/work</div>

</div>




THE JQUERY CALL



<script>
// direct event
$('#infobutton1').on('doubletap', function() {alert('doubletapp 1') });

$('#infobutton2').on('doubletap', function() {alert('doubletapp 2') });

$('#infobutton3').on('doubletap', function() {alert('doubletapp 3') });

$('#infobutton4').on('doubletap', function() {alert('doubletapp 4') });

$('#infobutton5').on('doubletap', function() {alert('doubletapp 5') });

$('#infobutton6').on('doubletap', function() {alert('doubletapp 6') });

$('#infobutton7').on('doubletap', function() {alert('doubletapp 7') });

$('#infobutton8').on('doubletap', function() {alert('doubletapp 8') });

$('#infobutton9').on('doubletap', function() {alert('doubletapp 9') });

$('#infobutton10').on('doubletap', function() {alert('doubletapp 10') });

$('#infobutton11').on('doubletap', function() {alert('doubletapp 11') });

$('#infobutton12').on('doubletap', function() {alert('doubletapp 12') });

$('#infobutton13').on('doubletap', function() {alert('doubletapp 13') });

$('#infobutton14').on('doubletap', function() {alert('doubletapp 14') });

$('#infobutton15').on('doubletap', function() {alert('doubletapp 15') });

$('#infobutton16').on('doubletap', function() {alert('doubletapp 16') });

$('#infobutton17').on('doubletap', function() {alert('doubletapp 17') });


</script>

У меня есть плагин Jquery для захвата события двойной записи, но я выделил каждый селектор мокрым кодом с помощью отдельного вызова.

Как бы я сделал то же самое с .this или любым другим методом выбора div'ов по отдельности, чтобы мне не приходилось их кодировать.

Как и в простом 1 лайнере, который захватывает событие касания любого из div'ов по отдельности и запускает jquery с помощью селектора, по которому щелкнули.

Если это имеет смысл ..

Недавнее редактирование (извините, что кто-то обмелся, я должен был провести немного больше исследований.

Ответ, который я нашел, выглядит следующим образом 

<script>
    $("#infotextinner").children().each(function(index) {

    $(this).on('doubletap', function()  { var ClickId = $(this).attr('id'); alert(ClickId) })  });
<script>

большое спасибо.

Опять я сделаю свое исследование в следующий раз, обещаю ..

...