將ajaxchimp添加到表格

Question

我試圖讓ajaxchimp工作（https://github.com/scdoshi/jquery-ajaxchimp）。

這裏是我的代碼：

<form class="pure-form center"> 
    <fieldset> 
     <label for="email_input_id"><input class="pure-input-1-3" placeholder= 
     "Email" type="email" /></label> 
    </fieldset><button class="whitehomepage" type="submit"> go!</button> 
</form> 

和JavaScript：

$('#pure-form').ajaxChimp({ 
    callback: mailchimpCallback, 
    url: "http://xxxxxx.us1.list-manage.com/subscribe/post?u=3959eeadb32e02b85a792e21c&id=6d7613df26" 
}); 

function mailchimpCallback(resp) { 
    alert("callback") 
} 

可惜這不是爲我工作。有任何想法嗎？

我正在使用jQuery 1.10.2，它建議jQuery 1.9.1可以這是一個問題？

謝謝

編輯：OMG。我真是個白癡。應該是.pure-form而不是＃純粹的形式。這將解決它。

Answer 1

不需要使用https://github.com/scdoshi/jquery-ajaxchimp。

試試這個。

<form class="pure-form center"> 
    <script> 
    $("#whitehomepage").click(function() { 
    formData = { 
     u: "3959eeadb32e02b85a792e21c", 
     id: "6d7613df26" 
    }; 
    $.ajax({ 
     url: "http://fiercelycurious.us1.list-manage.com/subscribe/post", 
     type: "POST", 
     crossDomain: true, 
     contentType: 'application/json', 
     data: formData, 
     dataType: "json", 
     success: function(data) { 
      //success handler 
     }, 
     error: function() { 
      //error handler 
     } 
    }); 
    }); 
    </script> 

    <fieldset> 
     <label for="email_input_id"><input class="pure-input-1-3" placeholder= 
     "Email" type="email" /></label> 
    </fieldset><button class="whitehomepage" id="whitehomepage" type= 
    "submit">go!</button> 
</form>