Wie kann ich eine CSS-Position Änderungseffekt während eines JQuery UI Ziehbare Elements Startereignishandler zu übernehmen?

StackOverflow https://stackoverflow.com/questions/1105133

Frage

Ich habe eine merkwürdige Situation, in der ich brauche so schnell die Position eines ziehbar Element zu ändern, wenn der Benutzer es beginnt zu ziehen. Also, während der Startereignishandler ziehbar Element, ich versuche, um die Position einzustellen. Es reagiert nicht auf die Positionsänderung, es sei denn - und das ist seltsam - ich etwas tun, um einen JavaScript-Fehler zu verursachen, nachdem ich die Position ändern. Hier ein Beispiel: 


<html>
<head>
<title>Drag reposition test</title>

<script type="text/javascript" src="js/css_browser_selector.js"></script> 
<script type="text/javascript" src="development-bundle/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="development-bundle/ui/jquery-ui-1.7.1.custom.js"></script> <!-- Includes JQuery UI Draggable. -->

<style type="text/css">
    #draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>

<script type="text/javascript">

$(function() {
    $("#initialdragger").draggable({    
        start: function(e, ui) {
            $('#initialdragger').css('top', 400);
            x = y; // Javascript error, which weirdly causes a redraw.
        }
    });     
});
</script>

</head>

<body>

<div id="initialdragger" class="ui-widget-content" style="border-width: 1px; border-color: black; background-color: orange; width: 300px">
    <p>Drag me around</p>       
</div>

</body>
</html>

Wie kann ich bewirken berechtigterweise ein Neuaufbau in diesem Zusammenhang geschehen? JQuerys hide () und show () funktionieren nicht und auch nicht diese Methoden .

War es hilfreich?

Lösung

Ich denke Bindung ein mousedown- Veranstaltung erhalten Sie, was Sie wollen 

<script type="text/javascript">
    $(function() {
        $("#initialdragger").draggable();
        $('#initialdragger').bind("mousedown", function(e) {
            $(this).css('top', 400);
        });
    });
</script>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top