Перейти к содержимому














Фотография
Нужна помощь

Вопрос по Jquery для знатоков !



Лучший Ответ Plotus, 09 Июнь 2018 - 12:34

Тогда так.

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(1,2)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 
<div class="textright" style="float:right; margin: 0 14px">
<a onclick="wizardMovement(2,3)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(3,4)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script type="text/javascript">

function wizardMovement(a,b) {
   alert(a + " " + b);
}

$(function(){
  $('a.btn-icon').click();
})

</script>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 9

#1 instagib

instagib
  • Platinum
  • Сообщений: 873
  • Регистрация: 16.09.2014
  • Заработано: 100 руб.
Репутация: 328

Награды: 27

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 11:02

Приветствую тебя читающий этот пост !

 

Сломал мозг, перепробывал много всего и ничего не работает !

 

И так есть код в котором 3 одинаковых кнопки вот с такими параметрами !

Задача стоит в нажатии на определённую кнопку !

 

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(1,2)" ;="" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 
<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(2,3)" ;="" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>

 

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(3,4)" ;="" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 
Как видно разница только в элементе wizardMovement !
Так вот что-бы я не побывал я не могу кликнуть на нужную мне кнопку из этих 3х !
 
не работает (точнее клик всегда срабатывает только по первой кнопки)
 
$('a[class*=btn-icon btn-large btn-arrow-right]').click()
 
 
Подскажите варианты на Jquery пожалуйста !
 


#2 Plotus

Plotus
  • Сливапер LVL 7
  • Сообщений: 632
  • Регистрация: 21.05.2014
  • Заработано: 183 руб.
Репутация: 1 874

Награды: 28

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 11:49

Походу просто элементы накладываются друг на друга, надо поменять горизонтальный margin.
Вроде всё работает.

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(1,2)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 
<div class="textright" style="float:right; margin: 0 14px">
<a onclick="wizardMovement(2,3)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(3,4)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>

<script type="text/javascript">

function wizardMovement(a,b) {
   alert(a + " " + b);
}

</script>

Сообщение отредактировал Plotus: 09 Июнь 2018 - 11:50


#3 instagib

instagib
  • Platinum
  • Сообщений: 873
  • Регистрация: 16.09.2014
  • Заработано: 100 руб.
Репутация: 328

Награды: 27

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 11:55


onclick="wizardMovement

а можно как-то привязаться к onclick="wizardMovement ?



#4 Plotus

Plotus
  • Сливапер LVL 7
  • Сообщений: 632
  • Регистрация: 21.05.2014
  • Заработано: 183 руб.
Репутация: 1 874

Награды: 28

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 12:13

а можно как-то привязаться к onclick="wizardMovement ?

Ты имеешь ввиду имитировать клик по элементу?



#5 instagib

instagib
  • Platinum
  • Сообщений: 873
  • Регистрация: 16.09.2014
  • Заработано: 100 руб.
Репутация: 328

Награды: 27

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 12:32

Plotus

да



#6 Plotus

Plotus
  • Сливапер LVL 7
  • Сообщений: 632
  • Регистрация: 21.05.2014
  • Заработано: 183 руб.
Репутация: 1 874

Награды: 28

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 12:34   Лучший Ответ

Тогда так.

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(1,2)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 
<div class="textright" style="float:right; margin: 0 14px">
<a onclick="wizardMovement(2,3)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>
 

<div class="textright" style="float:right; margin: 0 -14px">
<a onclick="wizardMovement(3,4)" class="btn-icon btn-large btn-arrow-right"><span></span>Next step</a>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script type="text/javascript">

function wizardMovement(a,b) {
   alert(a + " " + b);
}

$(function(){
  $('a.btn-icon').click();
})

</script>


#7 instagib

instagib
  • Platinum
  • Сообщений: 873
  • Регистрация: 16.09.2014
  • Заработано: 100 руб.
Репутация: 328

Награды: 27

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 12:53

Plotus

Спасибо ! Плюсанул !

 

Вот ещё один вопрос 

 

нужно убрать чекбокс !

Код блока

 

 <div class="checker" id="uniform-captcha"><span class="checked"><input checked="" id="captcha" name="captcha" size="50" type="checkbox" class="wizard xxlarge" value="" style="opacity: 0;"></span></div>
 
Нузно сделать клик именно на Jquery

 

 $('input[class*=wizard xxlarge]').click() не вышло т.к. wizard xxlarge разделены пробелом и из-за этого Uncaught Syntax error, unrecognized expression: [class*=wizard xxlarge]

 
Вопрос как быть если атрибут имеет 2 и более слова с пробелами ?

 

Вышло вот так, но вопрос как быть там где слов более одного через пробел ?

$('input[id*=captcha]').click()


Сообщение отредактировал instagib: 09 Июнь 2018 - 12:53


#8 Plotus

Plotus
  • Сливапер LVL 7
  • Сообщений: 632
  • Регистрация: 21.05.2014
  • Заработано: 183 руб.
Репутация: 1 874

Награды: 28

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 13:08

<div class="checker" id="uniform-captcha"><span class="checked"><input checked="" id="captcha" name="captcha" size="50" type="checkbox" class="wizard xxlarge" value="" style="opacity: 0;"></span></div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script type="text/javascript">

$(function(){
  $('input.wizard').click();
})

</script>
 
 

Вопрос как быть если атрибут имеет 2 и более слова с пробелами ?   Вышло вот так, но вопрос как быть там где слов более одного через пробел ?

 
Необязательно перечислять все классы, достаточно одного.

Сообщение отредактировал Plotus: 09 Июнь 2018 - 13:10


#9 instagib

instagib
  • Platinum
  • Сообщений: 873
  • Регистрация: 16.09.2014
  • Заработано: 100 руб.
Репутация: 328

Награды: 27

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 13:10

Plotus

Понял спасибо за помощь ! Дописал бота !

В общем ситуация с несколькими словами решалась просто заключением их в "" 

Вот так 

 $('input[class*="wizard xxlarge"]').click()

 

Ух этот блин синтаксис !

Спасибо тебе ещё раз !



#10 Plotus

Plotus
  • Сливапер LVL 7
  • Сообщений: 632
  • Регистрация: 21.05.2014
  • Заработано: 183 руб.
Репутация: 1 874

Награды: 28

  
  
  
  
  
  
  
  

Отправлено 09 Июнь 2018 - 13:24

Ух этот блин синтаксис !

Вот хороший ресурс по Jquery

 

Скрытый контент:

  Для просмотра содержимого необходимо 1 очков репутации (вам не хватает 1)

 Скачать без ограничений   Купить этот материал за 390 руб.


 





Похожие темы Collapse

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

×

Зарегистрируйся моментально!