0

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

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

这里是 jsfiddle： http: //jsfiddle.net/FK9TY/ 在此处输入图像描述 有人可以帮助我吗？

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

4

1 回答 1

1

那是你要找的吗？添加margin:auto;到.Box CSS 链接

于 2013-06-30T06:50:34.167 回答