Question

    $(document).ready(function() { 

     //select all the a tag with name equal to modal
     $('a[name=popup]').click(function(e) {
      //Cancel the link behavior
      e.preventDefault();

      //Get the A tag
      var id = $(this).attr('href');

  //Set the popup window to center
  $(id).css('top',  winH/2-$(id).height()/2);
  $(id).css('left', winW/2-$(id).width()/2);

我可以更改href标签下方的弹出窗口（顶部：dom？+ 20px）而不是中心??

Answer 1

您可以将top更改为此：

$(id).css('top', $(this).offset().top + 20);

.offset()返回点击链接的位置，您想要top值，这会返回点击链接的顶部，因此您可能还想添加它的高度，例如：< / p>

$(id).css('top', $(this).height() + $(this).offset().top + 20);

Answer 2

$(document).ready(function() {  

    //select all the a tag with name equal to modal
    $('a[name=popup]').click(function(e) {
        //Cancel the link behavior
        //e.preventDefault(); //return false handles this

        //Get the A tag
        var id = $(this).attr('href');
        var position = $(this).position();

        //Set the top value to be 20px from the top
        $(id).css('top', (position.top + 20) + 'px');

        return false;
    }
});

http://api.jquery.com/position/

获得位置+ 20px？

2 个答案: