Как мне написать это в jQuery?
В моей части тела есть две ссылки: но я хочу дать им прикосновение jquery, так как я новичок в jquery, не могу чтобы сделать это, можете ли вы помочь?
click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a>
при нажатии на ссылку выше, она вызовет следующий css и даст эффект лайтбокса.
<div id="light" class="white_content">Please wait as process is going on..<img src="images/ajax-loader(2).gif" />
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a>
</div>
<div id="fade" class="black_overlay"></div>
только при нажатии на кнопку закрытия он закроет лайтбокс.
В моей головной части jquery код выглядит так: (document.ready () написано, # btn_submit- идентификатор кнопки.) .....
$("#btn_submit").bind('click', function(){
//How can i write first anchor tags click in this?
)};
Все, что я просто хочу знать, как писать якорные теги на клике в jquery.
Я буду очень признателен за вашу помощь. Заранее благодарю.
1 ответ
Для этого:
click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a>
Вы можете написать код jquery, например:
$("#show").bind('click', function(){
$('#light').css('display', 'block');
$('#fade').css('display', 'block');
return false;
)};
И для этого:
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a>
Вы можете написать код jquery, например:
$("#hide").bind('click', function(){
$('#light').css('display', 'none');
$('#fade').css('display', 'none');
return false;
)};
Итак, после добавления кода jQuery, обе ваши ссылки должны выглядеть так:
<a href="#" id="show">Click here to show</a>
<a href="#" id="hide">Click here to hide</a>
Дополнительная информация: