l'appel de fonction javascript sur le bouton cliquez sur meteor
Je vais avoir un curseur jquery formulaire de mise en œuvre dans une application de météore. Quand je clique sur le bouton d'envoi du formulaire, il doit appeler la fonction javascript addme() présents dans clent.js fichier. Mais ça ne fonctionne pas. En outre, le formulaire n'est pas un modèle. Je sais à l'aide d'un modèle.templatename.événements, nous pouvons effectuer les événements. Mais, je suis curieux de savoir qui ne normal "onclick" événement fonctionne dans le météore?
J'ai utilisé jquery menu à partir de ce site:
http://alijafarian.com/jquery-horizontal-slideout-menu/
et Mon my.html code:
<head>
<title>myapp</title>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlKvABq34UidJ2uZrjnnKTvFAyoZjFNQc&sensor=FALSE&libraries=places"> </script>
<link rel="stylesheet" type="text/css" href="myapp.css" >
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<link href='http://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'>
<script type="text/javascript" src="client.js"></script>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="markerclusterer.js"></script>
</head>
<body>
<div class="header">
<a href="#" class="slideout-menu-toggle"><i class="fa fa-bars"></i> Bank Innovation Map</a>
</div>
{{> maps}}
<div class="slideout-menu">
<h3>Add New Innovation Center <a href="#" class="slideout-menu-toggle">×</a></h3>
<div id="locationField">
<input id="autocomplete" placeholder="Enter the address"
onFocus="geolocate()" type="text"/>
</div>
<table id="address">
<tr>
<td class="label">Street Line 1</td>
<td class="slimField"><input class="field" id="street_number" disabled="true"/></td>
<tr>
<td class="label">Street Line 2</td>
<td class="wideField" colspan="2"><input class="field" id="route"
disabled="true"/></td>
</tr>
</tr>
<tr>
<td class="label">City</td>
<td class="wideField" colspan="3"><input class="field" id="locality"
disabled="true"/></td>
</tr>
<tr>
<td class="label">State</td>
<td class="slimField"><input class="field"
id="administrative_area_level_1" disabled="true"/></td>
<tr><td class="label">Zip code</td>
<td class="wideField"><input class="field" id="postal_code"
disabled="true"/></td>
</tr></tr>
<tr>
<td class="label">Country</td>
<td class="wideField" colspan="3"><input class="field"
id="country" disabled="true"/></td>
</tr>
<tr>
<td></td>
<td>
<!-- <button type="submit">Click me here!</button> -->
<input type="submit" class="AddPlaceButton" value="submit" onclick="addme()" />
</td>
<td></td>
</tr>
</table>
</div>
<!--/.slideout-menu-->
<script type="text/javascript">
$(document).ready(function () {
$('.slideout-menu-toggle').on('click', function(event){
event.preventDefault();
//create menu variables
var slideoutMenu = $('.slideout-menu');
var slideoutMenuWidth = $('.slideout-menu').width();
//toggle open class
slideoutMenu.toggleClass("open");
//slide menu
if (slideoutMenu.hasClass("open")) {
slideoutMenu.animate({
left: "0px"
});
} else {
slideoutMenu.animate({
left: -slideoutMenuWidth
}, 250);
}
});
});
</script>
</body>
<template name="maps">
<!-- <h1> Bank Innovation Map</h1>-->
<input id="pac-input" class="controls" type="text" placeholder="Search Box">
<div id="map-canvas"></div>
</template>
My client.js code:
if (Meteor.isClient) {
function addme(){console.log("function called");}
}
Est le curseur jquery montrant sur le rendu de la page?
oui, c'est indiqué
oui, c'est indiqué
OriginalL'auteur nikhilk | 2014-07-21
Vous devez vous connecter pour publier un commentaire.
Si vous n'avez pas de modèle, vous pouvez utiliser De modèle.corps. Voici un exemple simple:
C'est difficile à dire sans voir le code et sachant que le curseur que vous utilisez. Pouvez-vous mettre à jour les quêtes avec un lien vers le plugin et votre pleine .fichier html?
j'ai mis à jour la question et .fichier html 🙂
Ok, j'ai mis à jour la réponse, à voir si cela fonctionne. Aussi, essayez de supprimer les
onclick="addme()"
de votre entrée.Génial!! Cela a fonctionné, merci beaucoup 🙂
OriginalL'auteur David Weldon
Vous pouvez définir le gestionnaire d'événement dans un modèle donné. Jetez un oeil à template_events
Mis à jour
Vous pouvez déplacer la forme d'un modèle, puis inscrivez-vous à l'événement sur cette
main.html
my-form.js
OriginalL'auteur waitingkuo