jquery מה הבעיה פה? - הוסטס

morsrh · 08-12-10, 19:25

למה הפונקציה הזאת קודם משנה צבע ורק אחרי זה היא מבצעת פקודות ולא קודם פקודות ואז שינוי צבע כמו שזה אמור לעשות?

הפונקציה היא :

HTML קוד:

function fd(){
            $("#thisdiv").fadeTo("slow" , 0.25);
            $("#thisdiv").animate({height:10},"slow");
            $("#thisdiv").hide("slow");
            $('#thisdiv').css("background-color", "yellow");
            $("#thisdiv").show("slow");
            $("#thisdiv").animate({height:300},"slow");
            $("#thisdiv").fadeTo("slow" , 1);
            
        }

והדף המלא הוא :

HTML קוד:

<html>

<head>
    <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
    <script type="text/javascript">
        function fd(){
            $("#thisdiv").fadeTo("slow" , 0.25);
            $("#thisdiv").animate({height:10},"slow");
            $("#thisdiv").hide("slow");
            $('#thisdiv').css("background-color", "yellow");
            $("#thisdiv").show("slow");
            $("#thisdiv").animate({height:300},"slow");
            $("#thisdiv").fadeTo("slow" , 1);
            
        }
    </script>
    <style type="text/css">
        .tdiv{
            height: 300px;
            width:300px;
            background-color:blue;
        }
    </style>
</head>
<body>

<div id="thisdiv" class="tdiv"></div>
<button onclick="fd()">to hide</button>

</body>
</html>

אז מהיא הבעיה?
תודה.

**IgalSt** · 08-12-10, 19:56

התשובה היא שכל הפקודות מבוצעות אחת אחרי השני, אבל הן לא מחכות לכך שהקודמת תסיים.
כדי שהיא תסיים עליך להשתמש ב-callback.
כמו כן אני ממליץ לשמור את ה-thisdiv שלך בתוך משתנה לשיפור היעילות על מנת לא לבחור אותו כל פעם מחדש ולהפוך אותו לאובייקט jQuery.

קוד:

function fd(){
            var div = $("#thisdiv");
            div.fadeTo("slow" , 0.25, function(){
                div.animate({height:10},"slow", function(){
                    div.hide("slow", function(){
                           //תמשיך פה
                    });
                });             
            });
            
        }

morsrh · 09-12-10, 00:04

תודה על התיקון והעצה.

08-12-10, 19:56	# 2
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	התשובה היא שכל הפקודות מבוצעות אחת אחרי השני, אבל הן לא מחכות לכך שהקודמת תסיים. כדי שהיא תסיים עליך להשתמש ב-callback. כמו כן אני ממליץ לשמור את ה-thisdiv שלך בתוך משתנה לשיפור היעילות על מנת לא לבחור אותו כל פעם מחדש ולהפוך אותו לאובייקט jQuery. קוד: function fd(){ var div = $("#thisdiv"); div.fadeTo("slow" , 0.25, function(){ div.animate({height:10},"slow", function(){ div.hide("slow", function(){ //תמשיך פה }); }); }); } __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

09-12-10, 00:04	# 3
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 30 הודעות: 444	תודה על התיקון והעצה.

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)