Question

我的身体部分有两个链接：但我想给他们jquery touch，因为我是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- button id。） .....

$("#btn_submit").bind('click', function(){
           //How can i write first anchor tags click in this?
      )};

我只想知道如何在jquery中编写锚标签onclick part。

我真的很感谢你的帮助。提前谢谢。

Answer 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>

更多信息：

http://api.jquery.com/css/

我怎么能用jQuery写这个？

1 个答案: