στοιχεία θεματοποίηση μέσα σε ένα jQuery UI διαλόγου με CSS ... πώς;

ψήφοι
1

Δεδομένου ότι η παλιά έκδοση ήταν προφανώς πάρα πολύ δύσκολο για τους ανθρώπους να καταλάβουν, εδώ είναι το HTML, CSS, και JavaScript σε συνδυασμό:

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd>
<html>
    <head>
        <meta http-equiv=Content-Type content=text/html;charset=utf-8>
        <title>test title</title>
        <script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js></script>
        <script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js></script>
        <script type=text/javascript>
            $(document).ready(function(){
                $('#test').dialog({ autoOpen: false, modal: true });
                $(#test-link).click( function() {
                    $('#test').dialog('open');  
                });
            });
        </script>
        <style type=text/css>
            div#main div#test label {
                display: block;
            }
            div#main div#test input {
                padding-left: 100px;
            }
        </style>
    </head>
    <body>
        <div id=main>
            <p><a href=# id=test-link>test</a><p>
            <div id=test title=Submit Bug or Feature Request>
                <form>
                    <label for=test_desc>Short Description:</label>
                    <input type=text name=test_desc id=test_desc value= />
                    <input type=submit name= value=Submit />
                </form>
            </div>

        </div>
    </body>
</html>

Ο διάλογος λειτουργεί καλά, αλλά το CSS δεν το κάνει. Οποιεσδήποτε ιδέες γιατί;

Δημοσιεύθηκε 18/06/2009 στις 22:38
πηγή χρήστη
Σε άλλες γλώσσες...                            


2 απαντήσεις

ψήφοι
0

Το CSS θα πρέπει να εργαστεί. Θα μπορούσε να είναι ένα πρόβλημα με το πώς καταρράκτη κανόνες CSS. Είναι μια πιο συγκεκριμένη επιλογέα εφαρμογή αυτών των κανόνων, όπως «δοκιμαστική ετικέτα #dialog div #» εκεί; Χωρίς την υπόλοιπη html / css είναι αδύνατο να επισημάνει τις λεπτομέρειες. Πάρτε το Firebug και να δούμε τι κανόνες γίνονται όλο και εφαρμόζονται σε αυτά τα στοιχεία.

Απαντήθηκε 19/06/2009 στις 00:01
πηγή χρήστη

ψήφοι
1

JQuery κινείται DIV ενός διαλόγου στο δέντρο DOM και αναδιπλώνεται σε κάποιους άλλους. Ως εκ τούτου οι επιλογείς CSS δεν θα λειτουργήσει. Χρησιμοποιώντας το παραπάνω παράδειγμα που θα πρέπει να κάνουμε κάτι σαν αυτό:

div.ui-dialog div#test label {
    display: block;
}
div.ui-dialog div#test input {
    padding-left: 100px;
}
Απαντήθηκε 19/06/2009 στις 01:00
πηγή χρήστη

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more