Pracuję w Zend Framework 2 i podążam za tym seminarium do wyświetlania i obsługi przesyłania formularzy za pośrednictwem AJAX. Zamiast używać modemu jQuery UI, używam modala z Twitter Bootstrap 3.
Na początek próbuję po prostu załadować maniakalną treść w modalu, podając ścieżkę do a działanie kontrolera w atrybucie href pliku wyzwalanie modalne przycisk.
The zobaczyć plik dla akcji AJAX, którą wywołuję zawiera atrapę html.
Kiedy klikam "Dodaj agencję", strona się ściemniaale żadne okno modalne nie jest wyświetlane, mimo że fałszywy html pojawia się w lewym górnym rogu strony. Spodziewam się, że okno modemu Bootstrap na Twitterze będzie wyświetlane wraz z jego fikcyjnym html. Po usunięciu znacznika href z przycisku modalnego wyzwalacza modal wyświetla się dobrze.
Doceń, czy ktoś może mi pomóc w osiągnięciu tego prostego celu, jakim jest ładowanie treści w oknie modemu Bootstrap na Twitterze.
Odpowiedzi:
1 dla odpowiedzi № 1Powód, dla którego mój fałszywy HTML nie był wyświetlanyw oknie modalnym było to, że napisałem znacznik HTML dla modalnego div, wraz z jego wewnętrznymi divami dla sekcji nagłówka, treści i stopki modalu. Błędnie założyłem, że treść, którą wywołuję za pośrednictwem AJAX, zostanie wstawiona do div elementu modalnego, jednak HTML nie zostanie wstrzyknięty w div elementu modalnego i ponieważ znacznik dla tego div już istnieje, fałszywy HTML pojawia się poza tym i łamie układ.
Usunąłem więc wszystkie wewnętrzne elementy div z modalnego elementu div i przeniosłem je do zdalnej zawartości, tak że kod HTML, który chcę zwrócić, jest zawarty w tych elementach div.