Что мне делать, если я не могу использовать идентификатор более одного раза для вызова функции? - PullRequest
0 голосов
/ 14 сентября 2011

Я пытался спросить это раньше, но я не думаю, что я был настолько ясен, как следовало бы. Извините за повтор, но я новичок в этом и просто пытаюсь понять это. Я пытаюсь вызвать функцию с одним и тем же идентификатором несколько раз. Я предполагаю, что это не может быть сделано, так что мне нужно сделать вместо этого. У меня нет noConflict, потому что я использую другие версии JQuery на странице. Scrollmenu ссылается на один из тех других. Все это вы увидите на странице, над которой я работаю. http://www.mac -av.com / test2 /

$.noConflict();
jQuery(document).ready(function($) 
{
    $("#scrollmenu");


$("#e_emd").click(function () {
$("#e_em").show();
$("#e_v").delay(1200).fadeOut("slow");
$("#e_s").delay(1200).fadeOut("slow");  
$("#e_l").delay(1200).fadeOut("slow");  
});

$("#e_vd").click(function () {
$("#e_em").delay(1200).fadeOut("slow");
$("#e_v").show();
$("#e_s").delay(1200).fadeOut("slow");  
$("#e_l").delay(1200).fadeOut("slow");  
});  

$("#e_sd").click(function () {
$("#e_em").delay(1200).fadeOut("slow");
$("#e_v").delay(1200).fadeOut("slow");
$("#e_s").show(); 
$("#e_l").delay(1200).fadeOut("slow");  
});  

$("#e_ld").click(function () {
$("#e_em").delay(1200).fadeOut("slow");
$("#e_v").delay(1200).fadeOut("slow");
$("#e_s").delay(1200).fadeOut("slow");  
$("#e_l").show();
});  


});  
<div id="scrollmenua">| 
<a id="e_emd" href="#Event_Management" class="panel">Event Management</a> | 
<a id="e_vd" href="#Video" class="panel">Video</a> | 
<a id="e_sd" href="#Sound" class="panel">Sound</a> | 
<a id="e_ld" href="#Lighting" class="panel">Lighting & Staging</a> | 
</div>

<div id="scrollmenub">| 
<a id="e_emd" href="#Event_Management" class="panel">Event Management</a> | 
<a id="e_vd" href="#Video" class="panel">Video</a> | 
<a id="e_sd" href="#Sound" class="panel">Sound</a> | 
<a id="e_ld" href="#Lighting" class="panel">Lighting & Staging</a> | 
</div>

<div id="scrollmenub">| 
<a id="e_emd" href="#Event_Management" class="panel">Event Management</a> | 
    <a id="e_vd" href="#Video" class="panel">Video</a> | 
<a id="e_sd" href="#Sound" class="panel">Sound</a> | 
<a id="e_ld" href="#Lighting" class="panel">Lighting & Staging</a> | 
</div>

<div id="scrollmenub">| 
<a id="e_emd" href="#Event_Management" class="panel">Event Management</a> | 
<a id="e_vd" href="#Video" class="panel">Video</a> | 
<a id="e_sd" href="#Sound" class="panel">Sound</a> | 
<a id="e_ld" href="#Lighting" class="panel">Lighting & Staging</a> | 

</div>

<div><img id="e_em" src="images/eventmanage.png" width="1037" height="480" /></div>
<div><img id="e_v" src="images/video.png" width="1128" height="480" /></div>
<div><img id="e_s" src="images/sound.png" width="1011" height="480" /></div>
<div><img id="e_l" src="images/light.png" width="1011" height="480" /></div>

1 Ответ

0 голосов
/ 14 сентября 2011
$('#other').click(function() {
  $('#target').click();
});

http://api.jquery.com/click/

просто сделайте так, чтобы все остальные функции щелчка вызывали первую или присваивали им всем класс

...