0

これは Stackoverflow に関する私の最初の質問です。私たちの生活を楽にしてくれているすべての人に感謝します。私の英語で申し訳ありませんが、あまり上手ではありません。

サーバーに次のコードがあります。

<html>
  <head>
    <title></title>
    <meta content="">
    <style></style>
  </head>
  <body>

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>


<script>
$(document).ready(function(){
$("#newsletter").submit(function(){
$.ajax(
{
type: "POST",
url:"http://mailing.estudiohernangene.com/lists/?p=subscribe&id=2",
data: $('#newsletter').serialize(),
success:function(result)
{
$("#mensaje_ok").html("¡Hecho!");
}
});
$("#mensaje_ok").html("¡Hecho!");
$("#email").val("");
$("#enviar").fadeToggle();
return false;
});
});
</script>

<div id="inserccion" style="float:left; border:0px solid; vertical align:middle; padding: -10px 0 0 0;">
<form id="newsletter" method="" action="">
      <input type="hidden" name="VerificationCodeX" value="" />
      <input type="hidden" name="list[2]" value="signup">
      <input type="hidden" name="listname[3]" value="todos"/>
      <input type="hidden" name="subscribe" value='subscribe'/>
      <span style="padding:0 5px 0 0; vertical-align: middle;">Newsletter:</span>
      <input type="text" style="" value="" size="20" name="email" id="email" placeholder="Suscr&#237;bete con tu email">
      <input class="button" type="submit" id="enviar" value="OK" name="submit">
</form>
</div>
<span id="mensaje_ok" style="float:left; padding: 2px 0 0 0;"></span>

</body>
</html>

Wordpress の jquery ライブラリを元のライブラリに変更すると、Wordpress がうまく動作しません。 

<script src="http://www.estudiohernangene.com/wp-includes/js/jquery/jquery.js?ver=1.10.2"></script>

例は次の URL にあります。

http://www.estudiohernangene.com/prueba_ok.php

http://www.estudiohernangene.com/prueba_ko.php

何があったの？

ありがとう！

ジュアンミ。

4

1 に答える 1

0

使用する

 jQuery(...

それ以外の

$(...

.

<script>
jQuery(function($) {
jQuery(document).ready(function(){
jQuery("#newsletter").submit(function(){
jQuery.ajax(
  {
  type: "POST",
  url:"http://mailing.estudiohernangene.com/lists/?p=subscribe&id=2",
  data: jQuery('#newsletter').serialize(),
  success:function(result)
 {
 jQuery("#mensaje_ok").html("¡Hecho!");
}
});
 jQuery("#mensaje_ok").html("¡Hecho!");
 jQuery("#email").val("");
 jQuery("#enviar").fadeToggle();
 return false;
 });

 });
</script>

これはうまくいくはずです

于 2013-11-04T13:10:23.163 に答える