Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 13672|Απάντηση: 0

[Bootstrap] Bootstrap modal box για απομακρυσμένη φόρτωση σελίδων

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 17/7/2017 2:58:23 μ.μ. | | | |


Όπως φαίνεται στην παραπάνω εικόνα, χρησιμοποιώ το πλαίσιο Bootstrap modal για να φορτώσω τα δεδομένα της σελίδας από απόσταση

Αρχικά, ο κώδικας HTML για την κύρια σελίδα μας έχει ως εξής:



Ο κωδικός js έχει ως εξής:



Ο κωδικός σελίδας για την απομακρυσμένη φόρτωση είναι ο εξής:



Σημειώστε ότι εάν χρησιμοποιήσουμε τον παραπάνω κώδικα, το πλαίσιο modal θα φορτωθεί μόνο μία φορά, θέλουμε να κλείσουμε το πλαίσιο modal και να το ανοίξουμε ξανά, για να φορτώσουμε ξανά τα δεδομένα, πρέπει επίσης να προσθέσουμε τον ακόλουθο κώδικα:



Τέλος.

Περίληψη:

Υπάρχουν μερικές παρεξηγήσεις, πρέπει να σημειωθεί ότι αν και είναι ένα modal box που φορτώνει δεδομένα από απόσταση, το modal box και η κύρια σελίδα είναι μια σχέση ίδιου επιπέδου, όχι μια σχέση γονέα-παιδιού, επομένως είναι καλύτερο να μην έχετε το ίδιο αναγνωριστικό και όνομα εισόδου

Το πλαίσιο modal μπορεί στη συνέχεια να καλέσει απευθείας τον κωδικό js της κύριας σελίδας.




Προηγούμενος:Το Hammer Technology Big Bang έκανε λογοκλοπή στον Zhong Yingpin;
Επόμενος:Η php λαμβάνει την παράμετρο header του αιτήματος
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com