Ahoj, prosím vás pěkně, poraďte zoufalci.
Mám tento jQuery skript, který potřebuji dostat na své stránky. Ty mám však udělané na child theme ve Wordpressu, a jelikož jsem laik, mám jen velmi mlhavou představu, kam tam skript umístit.
Původní tutorial, podle kterého jsem postupovala, totiž v konci navrhuje skript vložit natvrdo do stránky, kde má fungovat, jenomže u Wordpressu html soubory na ftp nenajdu, a vložení skriptu do headeru nebo footeru child theme se neosvědčilo, anžto to koliduje s jinými skripty. Jak jsem postupně pochopila při pročítání anglických diskuzí, správný postup je skript vkládat do functions.php a ideálně ho ještě tahat z jQuery knihovny, která je předinstalovaná ve WP. Bohužel však stále nemůžu přijít na to, kam přesně ve functions.php ten text skriptu zkopírovat tak, aby to klaplo. Zkoušela jsem sledovat krok za krokem asi čtyři návody na přidání jQuery, a akorát jsem včera zbytečně bděla do tří. :)) Díky, pokud se někdo obětujete.
<!-- Load in jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$('form.sign-up').on('submit',function(e
// Highjack the submit button, we will do it ourselves
e.preventDefault();
// uncomment next line & check console to see if button works
// console.log('submitton worked!');
// store all the form data in a variable
var formData = $(this).serialize();
// Let's make the call!
// Replace the path to your own endpoint!
$.getJSON('http://localhost:8888/cool-cats-optin/mc-end-point.php', formData ,function(data) {
// uncomment next line to see your data output in console
// console.log(data);
// If it worked...
if(data.status === 'subscribed') {
// Let us know!
alert('Thanks!');
} else {
// Otherwise tell us why it didn't
alert("oops error: " + data.detail);
}
});
});
</script>