Question

单击链接时打开jQuery对话框。对话框打开正常，但页面向下滚动到页面，所以在向上滚动之前我无法看到对话框。怎么能避免这个？

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
            jQuery("#waitDialog").dialog({

            autoOpen: false,
            modal: true,
            height: 375,
            position: 'center',
            width: 400,
            draggable: true,                
            closeOnEscape: false,
            open: function (type, data) {
                $(".ui-dialog-titlebar-close").hide();
                $(this).parent().appendTo("form");
            }
        });
    });
    function showDialog(id) {
            $('#' + id).dialog("open");     
    }
</script>
 <div id="waitDialog" style="display:none; cursor: default">        
    <table  class="ms-authoringcontrols"  style="border-top:1px black solid; border:1px black solid; height:70px "  >
    <tbody>
          <tr>
        <td class="ms-sectionheader ms-rightAlign">
            Please wait.
        </td>
          </tr>
    </tbody>
    </table>
  </div>

<map name="Map">
  <area shape="rect" coords="225,16,287,33" href="/_layouts/MyAlerts.aspx" onclick="javascript:showDialog('waitDialog');"  alt="My Alerts">
 </map>

Answer 1

您的链接的.click()事件应该return false，以便不会被跟踪，从而导致页面使用id跳转到您的元素。

$('a').click(function() {
  showDialog($(this).attr('href'))
  return false;
});

Answer 2

听起来你的锚标签存在问题。而不是href="/_layouts/MyAlerts.aspx"

你可以使用：

onclick='window.location = "/_layouts/MyAlerts.aspx";

链接点击时滚动到页面底部？

2 个答案: