Как я могу написать это в JQuery? - PullRequest
Новая
       13

Как я могу написать это в JQuery?

1 голос
/ 10 августа 2010

В моей части тела есть две ссылки: но я хочу дать им прикосновение 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 Ответ

2 голосов
/ 10 августа 2010

Для этого: 

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>

Дополнительная информация:

...