Question

我有一个包含按钮的模板。单击此按钮时，将出现一个弹出框。

我面临的问题是：我找不到将按钮和弹出框移动到中间并接近代码的方法。如果我点击弹出框上的关闭，弹出框将关闭。

这里是jsfiddle：http://jsfiddle.net/FK9TY/ enter image description here 有人可以帮助我吗？

<html>
<head>
    <title>Page</title>
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>

    <style type="text/css">


    .Richard  {
    display: none;
    background-color: #FF58C3;
    color: #000;
    padding: 0 5px;
    width:500px;
    height:500px;
}



</style>

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $("#ClickMe").click(function(e) {
            e.preventDefault();
            /*if (.attr("data-display") == "visible") {

            };*/
            $("#moveableBox").fadeToggle();
        });
        $( "#moveableBox" ).draggable({ handle: "#moveBox" });
    });
</script>

</head>
<body>

<button id="ClickMe">Click Me</button>

<div id="moveableBox" data-display="hidden" class="Richard">
<div id="moveBox">a</div>
</div>

Answer 1

是你在寻找什么？将margin:auto;添加到.Box CSS Link

jQuery Popbox问题

1 个答案: