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

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

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

JQuery:

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

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

источник

2009-11-14 ngreenwood6

Кто-нибудь вообще знает, как это исправить? – ngreenwood6

Я схватил код одного из демо для плагина 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>

FYI - я только проверил это в Firefox и Safari на Mac.

источник

2009-11-14 22:50:07

ОК, так как это вообще решает мою проблему. это именно то, что у меня есть, и когда вы перемещаете курсор, он не остается на стороне контейнера. – ngreenwood6

Извините. Я не вижу, что происходит на вашем компьютере. Я тестировал этот код в Firefox и Safari на Mac, и он работает правильно. Если вы действительно заинтересованы в решении проблемы, возможно, вы сможете предоставить дополнительную информацию. (то есть: какие браузеры это делают?) обеспечивают снятие экрана) –

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

ответ

Смежные вопросы