javascript - anchor 元素的优雅升级

Question

我想向缩略图数组添加 JavaScript 功能，以便图像在单击时展开，而不是在当前窗口中打开。我正在考虑在 onclick 属性中添加一个函数，但我认为这行不通:

<script type='text/javascript'>
 function expand(){
  this.height = 200;
  this.width = 200;
 }
</script>

<a href='/image_1.jpg' onclick='expand()'>
 <img src='/image_1.jpg'>
</a>

如果未启用 JavaScript，我希望该链接能够正常工作。知道如何去做吗？感谢您的宝贵时间:)

Answer 1

您必须将 this 作为函数中的变量，例如 ths

<script type='text/javascript'>
 function expand(ths){
    $(ths).find('img').height('200');
    $(ths).find('img').width('200');
  return false;
 }
</script>

<a href='/image_1.jpg' onclick='expand(this)'>
 <img src='/image_1.jpg'>
</a>

普鲁斯说，返回 false。

** 已更新 ** 如果你想调整图片大小，你必须调用图片并且没有链接。