JQuery изменяемый размер курсора не остается с полем авто - PullRequest
Новая
       29

JQuery изменяемый размер курсора не остается с полем авто

1 голос
/ 14 ноября 2009

У меня проблема с плагином изменения размера jquery. Я решил проблему и придумал это. Если я создаю div и делаю его изменяемого размера, а также заставляю его также иметь размер, то он по большей части работает нормально. Однако, если я установлю второй div, который также isResize, на margin: 0 auto, он не будет работать должным образом. Курсор мыши отходит от той части, где вы изменили его размер. Вот пример того, о чем я говорю: 

<div id="container">
  <div id="inside" style="margin:0 auto;">
  </div>
</div>

JQuery: 

$("#container").resizable({ alsoResize:"#inside" });

Если вынуть авто на полях, оно будет работать нормально, но с ним оно не будет работать. Есть ли способ заставить это работать или просто еще один способ центрировать страницу без использования авто?

1 Ответ

1 голос
/ 15 ноября 2009

Я взял код одной из демонстраций для плагина Resizeable и настроил его, чтобы сделать то, что, по-моему, вы пытаетесь выполнить. Если это не так, пожалуйста, предоставьте ссылку на то, что у вас есть, или вставьте на всю страницу: 

<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Resizable - Default functionality</title>
    <link type="text/css" href="http://jqueryui.com/themes/base/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
    <script type="text/javascript" src="http://jqueryui.com/ui/ui.resizable.js"></script>

    <link type="text/css" href="http://jqueryui.com/demos/demos.css" rel="stylesheet" />
    <style type="text/css">
        #container { width: 150px; height: 150px; }
        #container #inside { height:100px; width:100px; margin:0 auto; background:#eee; }
    </style>
    <script type="text/javascript">
    $(function() {
        $("#container").resizable({ alsoResize:"#inside" });
    });
    </script>
</head>

<body>
    <div class="demo">
        <div id="container" class="ui-widget-content">
            <div id="inside"></div>
        </div>
    </div>
</body>

К вашему сведению - я только что проверил это в Firefox и Safari на Mac.

...