My<cod/>.net
Передача параметров в функцию при клике на ссылку (JQuery)?
Просмотров: 338
Ответов: 6
На чистом JavaScript это выглядит как то так:
<sсript><br/>
function toFunction(m1, m2) {<br/>
alert(m1 + ' - ' + m2);<br/>
}<br/>
</sсript><br/>
<а href="javascript:toFunction(10,'text')" >Ссылка</а>
А Вот как это сделать по правилам JQuery:
<sсript><br/>
$(document).ready(function() {<br/>
$(".urlparam").click(function () {<br/>
<br/>
alert(m1 + ' - ' + m2);<br/>
<br/>
});<br/>
});<br/>
<а href="#" class=«urlparam» >Ссылка</а>
<sсript><br/>
function toFunction(m1, m2) {<br/>
alert(m1 + ' - ' + m2);<br/>
}<br/>
</sсript><br/>
<а href="javascript:toFunction(10,'text')" >Ссылка</а><sсript><br/>
$(document).ready(function() {<br/>
$(".urlparam").click(function () {<br/>
<br/>
alert(m1 + ' - ' + m2);<br/>
<br/>
});<br/>
});<br/>
С какого перепуга мой код нельзя использовать для нескольких ссылок, я не понял.
Раз:
function toFunction(){};
$(".urlparam1").click(function () { toFunction(10,'text'); });
$(".urlparam2").click(function () { toFunction(9,'text1'); });
Два:
function toFunction(){};
$(".urlparam1").click({num: 10, text: 'text'}, toFunction);
$(".urlparam2").click({num: 9, text: 'text1'}, toFunction);
Input внутри ссылки — это полнейшая жесть. Если сильно нужно хранить какие-то данные прямо в DOM-дереве, используем валидные атрибуты data:
<а href="#" class="urlparam" data-num="10" data-text="text"></a>
<а href="#" class="urlparam" data-num="9" data-text="text1"></a>
$(".urlparam").click(function () {
var num = $(this).data('num');
var text = $(this).data('text');
});
function toFunction(){};
$(".urlparam1").click(function () { toFunction(10,'text'); });
$(".urlparam2").click(function () { toFunction(9,'text1'); });
function toFunction(){};
$(".urlparam1").click({num: 10, text: 'text'}, toFunction);
$(".urlparam2").click({num: 9, text: 'text1'}, toFunction);
<а href="#" class="urlparam" data-num="10" data-text="text"></a>
<а href="#" class="urlparam" data-num="9" data-text="text1"></a>
$(".urlparam").click(function () {
var num = $(this).data('num');
var text = $(this).data('text');
});
Во первых вы можете использовать eventData (см. api.jquery.com/click/).
Во вторых вы все еще можете написать:
$(".urlparam").click(function () {
toFunction(10,'text');
});
$(".urlparam").click(function () {
toFunction(10,'text');
});
Интересный вопрос. Если мне нужен один параметр, то я пользуюсь атрибутом href="#". Если несколько параметров:
<а href="#" class="urlparam">
Ссылка
<input type="hidden" name="param1" value="1">
<input type="hidden" name="param2" value="2">
</а>
$(".urlparam").click(function () {
var param1 = $(self).find('param1').val();
});
PS А ещё я пользуюсь rel вместо class.
Ссылка
<input type="hidden" name="param1" value="1">
<input type="hidden" name="param2" value="2">
</а>
$(".urlparam").click(function () {
var param1 = $(self).find('param1').val();
});