كيف يمكنني الحصول على تغيير موقف CSS لتصبح نافذة المفعول أثناء بدء تشغيل Event Eleption Eleption Electory Eleptory Eleptory في JQuery UI؟
https://stackoverflow.com/questions/1105133
-
12-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
لدي موقف فردي أحتاج فيه لتعديل موضع عنصر قابلا للتغذية بمجرد بدء تشغيل المستخدم. لذلك، خلال معالج الأحداث في بداية العنصر الغامضة، أحاول ضبط الموضع. لا يستجيب لتغيير الموقف ما لم - وهذا غريب - أفعل شيئا للتسبب في وجود خطأ JavaScript بعد تغيير الموضع. إليك مثال:
<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>
كيف يمكنني أن أتحدث بشكل مشرعي حدوث إعادة رسم في هذا السياق؟ إخفاء jQuery () وإظهار () لا تعمل ولا تفعل هذه الأساليب.
المحلول
أعتقد أن ربط حدث Mousedown سيحصل عليك ما تريد
<script type="text/javascript">
$(function() {
$("#initialdragger").draggable();
$('#initialdragger').bind("mousedown", function(e) {
$(this).css('top', 400);
});
});
</script>
لا تنتمي إلى StackOverflow
