Ausführen von Javascript aus AJAX-Datei
-
09-10-2019 - |
Frage
Ich habe versucht, dies jetzt im Alter zur Arbeit zu kommen, versuchte jede Menge SO Frage / Antworten, aber nicht sehr weit Geting.
Ich glaube, ich 2 Fragen ursprünglich hatte, eine, die hoffentlich habe ich gelöst.
Ich habe mit JotForm (die einfache Form Schöpfer, dass Anwendungen Prototyp). Was ich habe, ist ein Menü, facebook Stils ( AjaxFlagMenu ), die das zieht ein verticle Ajax-Stil-Menü erstellt in hTML-Schnipsel aus externen Dateien (was in meinem Fall alle eine Jotform Form drin hat).
Im Moment an der Spitze der ‚Haupt‘ Seite, die das Menü enthält, die ich habe:
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="/js/jquery.corner.js"></script>
<script type="text/javascript" src="/js/jquery.flagmenu.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
var Menu = $("#_Menu").AjaxFlagMenu({
Caption:'Manage Profile',
CaptionClass:'CaptionClass',
onOutClass:'onOutClass',
onOverClass:'onOverClass',
onClickClass:'onClickClass',
hscOutClass:'hscOutClass',
hscClickClass:'hscClickClass',
Loading_gif:'/images/loading.gif',
ajaxContent:'ajaxContent'
});
//Basic
Menu.add({
Title:'Basic Info',
onOutIcon:'/images/icon-vcard-c.png',
onClickIcon:'/images/icon-vcard-d.png',
HtmlSatusContent:'',
url:'/instructor/pages/mp-basic.php',
data:''
});
//Profile Picture
Menu.add({
Title:'Profile Picture',
onOutIcon:'/images/icon-camera-c.png',
onClickIcon:'/images/icon-camera-d.png',
HtmlSatusContent:'',
url:'/instructor/pages/mp-photo.php',
data:''
});
//Pricing and Offers
Menu.add({
Title:'Pricing and Offers',
onOutIcon:'/images/icon-pound-c.png',
onClickIcon:'/images/icon-pound-d.png',
HtmlSatusContent:'',
url:'/instructor/pages/mp-pricing.php',
data:''
});
//Services
Menu.add({
Title:'Services',
onOutIcon:'/images/icon-services-c.png',
onClickIcon:'/images/icon-services-d.png',
HtmlSatusContent:'',
url:'/instructor/pages/mp-services.php',
data:''
});
//Bio and Additional
Menu.add({
Title:'Bio and Additional',
onOutIcon:'/images/icon-bio-c.png',
onClickIcon:'/images/icon-bio-d.png',
HtmlSatusContent:'',
url:'/instructor/pages/mp-bio.php',
data:''
});
$("#_td").corner("4px");
});
</script>
<script src="/js/jotform/prototype.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/protoplus.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/protoplus-ui.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/jotform.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/calendarview.js?v=3.1.92" type="text/javascript"></script>
Was ich dann tun muß, ist, wenn der Menüpunkt angeklickt wird und lädt den HTML von der anderen Seite, ich brauche JotForm.init();
ausführen, um die JotForm Validierungsfunktionen zu ermöglichen. Allerdings scheine ich nicht einmal zu alert("Hello World");
zur Arbeit auf der Seite in der Lage sein, die in genannt wird.
Jede mögliche Hilfe würde groß sein! Vielen Dank!
Lösung
In den AjaxFlagMenu.js, an der Linie wird die Ajax ausgeführt:
//Ajax
var _XMLHTTPRequest = $.ajax({type: "GET",url:_url,data:_data });
Versuchen Sie, dataType: "html"
wie folgt aus:
//Ajax
var _XMLHTTPRequest = $.ajax({type: "GET",url:_url,data:_data,dataType: "html" });
Diese wil das Javascript bewerten Sie über AJAX laden.
In Kürze erhalten Sie weitere Informationen finden Sie hier: http://api.jquery.com/jQuery. ajax / # Optionen
SPÄTER EDIT
Das Problem ist, dass der AjaxFlagMenu nicht das Javascript von der Ajax-Antwort bewerten!
Andere Tipps
Mit dem JotForm Iframe-Code statt. Hier ist, wie Sie es bekommen kann. Öffnen Sie das Formular auf der JotForm Form Builder:
- Öffnen "Setup & Teile" Vorsprung auf Symbolleiste
- Klicken Sie auf "Teilen Form"
- Klicken Sie auf "Erweiterte Optionen"
- Klicken Sie auf „iFrame-Code“ und kopieren Sie den Formular-Code auf Ihrer Website.