Bootstrap 3/visualizzazione modale non funziona con il modo javascript

Uso la funzione Modal da Bootstrap 3.0.Bootstrap 3/visualizzazione modale non funziona con il modo javascript

ho questo codice:

<a data-toggle="modal" href="/myNestedContent" data-target="#myModal"> 
    Open the modal containing the content 
</a> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
//nested content will be inserted here 
</div>

Quando clicco su l'ancora (il link), il tutto funziona => Vedo il modal con il contenuto.

Tuttavia, quando uso il modo Javascript (al posto del link) per mostrare il modal in questo modo:

$('#myModal').modal('show');

vedo solo l'effetto di dissolvenza, senza modale viene mostrato ...

Quando ho iniziato facendo clic sul collegamento, POI chiamando il javascript, funziona. (Effetto collaterale?)

Quando ho iniziato a proposito javascript, anche il collegamento mostra solo l'effetto di dissolvenza senza il modale.

Potrebbe essere .. un errore dal metodo Javascript modal?

Per informazioni, le dichiarazioni dei miei script che uso sono nel giusto ordine:

<script src="//code.jquery.com/jquery.js"></script> 
<script src="javascripts/jquery.form.min.js"></script> 
<script src="javascripts/bootstrap.min.js"></script>

fonte

2013-08-24 Mik378

Non so cosa c'è che non va, ma funziona per me usando il metodo che hai descritto - http://jsfiddle.net/kZyLu/ –

non sono sicuro se ho capito male la domanda.

Secondo la mia comprensione della tua domanda, è necessario

$('#myModal').modal({ 
    show: true, 
    remote: '/myNestedContent' 
});

non si può semplicemente

$('#myModal').modal('show');

perché non c'è url fornito in questo js metodo.

risolve la tua domanda?

fonte

2013-08-25 04:57:30

Non ho ancora provato che ho fatto +1 perché sembra abbastanza ovvio. :).Infatti, attualmente, la mia dichiarazione di percorso remoto è presente solo con la modalità di collegamento. Mi vergogno ? :) Molte grazie ! – Mik378

E confermo ora: l'intero lavoro. – Mik378

siete i benvenuti @ Mik378 :) –

Quello che dovete fare è rimuovere il dati bersaglio dal tag html quando viene utilizzato con js, lasciandola chiamare due volte la funzione, allora si mostra e l'altra lo rimuove. Ecco come ho risolto.

fonte

2014-09-27 04:45:49 omar

organizzare la risposta in un codice 'pseudo' per favore – chouaib

I lettori dovrebbero notare che la "distanza". Opzione è deprecata ... per the docs

"Questa opzione è deprecata dal v3.3.0 e saranno rimossi in v4 Si consiglia invece di usare template lato client o un framework di associazione dati o chiamando jQuery.load te stesso

Se viene fornito un URL remoto, il contenuto verrà caricato una volta tramite il metodo di caricamento di jQuery e immesso nel .modal-content div. Se si stanno utilizzando i dati -api, in alternativa puoi utilizzare l'attributo href per specificare la fonte remota.Un esempio di questo è mostrato di seguito: "

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>

fonte

2015-02-28 12:25:52 globalSchmidt

Bootstrap 3/visualizzazione modale non funziona con il modo javascript

risposta

Problemi correlati