2016-09-28 5 views
0

Ich habe eine Seite index.php und ich lade jquery und benutze es. Auf dieser Seite rufe ich viele Ajax-Skripte zum Laden von Inhalten auf. Dieser Inhalt wird jquery verwenden.jquery dynamisch geladene Seite

Vorausgesetzt, es gibt so viele Optionen für den Inhalt I und ich möchte jquery für den geladenen Inhalt verwenden, wie kann ich jquery auf dynamisch geladenen Inhalt verwenden.

Beginnend mit einem Bereitschaftsruf.

<script> 
$(document).on.(ready, function(){ 


    $.ajax({url: "myurl/<?php echo $mID; ?>/<?php echo $Code; ?>", success: function(result){ 
       /*$("#silver1").hide().show(250).html(result);*/ 
    }}); 

)}; 
</script 

>

+1

So .. Ist das die Frage oder sagst du nur, dass du die '.on' Methode für dynamische Inhalte verwendest? – Justinas

+0

Geben Sie weitere Details darüber, was Sie tun möchten oder was Sie versucht haben – Akshay

+0

den Beitrag aktualisiert, Fehler ist "Uncaught SyntaxError: Ungültige oder unerwartete Token" – kiwis

Antwort

0

Sie .on für die dynamisch erstellten Elemente verwenden können. Wie: Angenommen, Sie haben ein dyanamic erstellt Element haben mit ID dynamicId, dann:

$("#dynamicId").on('click', function(){ 
    // do something here 
}) 

Oder Sie können wie folgt in HTML-Attribut hinzufügen:

<p id="someId" class="someClass" onclick="myFunction(this)">paragraph content</p> 
0

Grundsätzlich Sie den Inhalt einige laden müssen Container in index.php. Zum Beispiel:

<html><body><a href="test.php"></a><div id="pageContent"></div></body></html> 

Dann laden Sie den Inhalt von der angeforderten URL mit jQuery und stecken es in dem Behälter

$(document).ready(function() { 
    $('a').on('click', function(e) { 
     e.preventDefault(); 
     $.get($(this).attr('href'), function(data) { 
      $("#pageContent").html(data); 
     }); 
    }); 
}); 
+0

Aber mein Container in index.php ruft den Wenn die Seite angezeigt wird, möchte ich, dass sie dies mit jQuery macht.Der ursprüngliche Link in index.php funktioniert nicht – kiwis

+0

Es sollte funktionieren, wenn Sie .on() verwenden - es wird auch den Listener dynamisch registrieren geladener Inhalt – drodil

0

mit der Funktion .load() wie diese $('#contentAreaId').load('pagename');

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnLoad1.button').click(function() { 
      $('#load_content').load('loadContent1.htm'); 
     }); 
     $('#btnLoad2.button').click(function() { 
      $('#load_content').load('loadContent2.htm'); 
     }); 
    }); 
</script> 
Verwandte Themen