Twitter Bootstrap modal - charge “à distance” contenu

Je suis en train de charger "à distance" de contenu, essentiellement l'information qui est envoyé via une requête HTTP (sur le même site). Le contenu retourné, se jette en arrière des informations telles que :

<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;    </button>
<h3>Change Your Password</h3>
</div>
<div class="modal-body">
<form>
    <fieldset>
        <label>Your current password</label>
        <input type="password" placeholder="password">
        <label>Confirm current password</label>
        <input type="text" placeholder="password">

        <button type="submit" class="btn">Submit</button>
    </fieldset>
</form>
</div>
<div class="modal-footer">
    <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
</div>

Cependant, pour le modal case pour afficher le contenu à distance, je crois que je devrais être en montrant la modal-body classe déjà:

<div class="modal fade hide" id="ajax">
    <div class="modal-body">
        <p>body content to be replaced</p>
    </div>
</div>

Comment puis-je contourner cela, et de fournir tout le modal div de contenu et d'en faire apparaître correctement?

OriginalL'auteur bear | 2012-11-21

  1. 3

    Il semble que vous voulez remplir le modal corps avec une page web. Vous pourriez invoquer la modale à l'aide d'un a tag et en utilisant les données de la cible attributs:

    <a id="file_attach" data-toggle="modal" href="http://fiddle.jshell.net/jhfrench/6K8rD/show/" data-target="#utility" class="btn">Modal 1</a>

    La Twitter documentation notes

    Si une url distante est fourni, le contenu sera chargé via jQuery load
    méthode et injecté dans le .modal-body. Si vous êtes en utilisant les données
    api, vous pouvez également utiliser la balise href spécifier la distance
    source.

    Voir http://jsfiddle.net/jhfrench/qv5u5/ pour un exemple (et voir Comment puis-je réutiliser un Bootstrap modal div? pour plus de détails sur la façon de resuse un modal entre plusieurs invoquant les liens).

    Sachez que la page est chargée dans l'modal via AJAX, et est donc soumise à "la Même règle d'Origine" limites (c'est à dire: vous ne serez pas en mesure de charger awesomesite.com dans un div hébergé chez myapp.com).
    est-ce à dire que la réponse de retour par href devrait être AJAX réponse? ou nous pouvons avoir une autre page à partir de la même application.
    Je suis désolé, je ne pense pas que je comprends de votre question.
    Son travail très bien. J'étais sous l'impression qu'il nécessite de la réponse json, mais ce n'est pas le cas. Désolé pour la confusion question et merci pour votre réponse.

    OriginalL'auteur Jeromy French