如何使用jquery / ajax Colorbox进行POST操作？ （小提琴里面）

Question

I've found this colorbox tutorial

并尝试使用POST操作以相同的方式工作， 但它不起作用，只是不断加载。

here's a fiddle

按钮是POST动作不能正常工作， 并且文本链接是可以正常工作的原始示例。

我无法在小提琴上表现出来， 但基本上我将表单发布到一个带有switch / case的简单PHP文件。

我该如何做到这一点？

Answer 1

因为您不能将表单用作触发器，所以插件不是以这种方式完成的唯一方法是在提交按钮上使用click事件。 在表单中，将id添加到提交按钮：

<form action="ajax.html" method="POST" target="_blank" class="">
    <input id="111" name="a" type="hidden" value="something-else"  />
    <input type="submit" id="cboxFormButton" class="button" value="Test">
</form>

并在您的脚本中添加：

$("#cboxFormButton").click(function(e){

    e.preventDefault();

    // Call the colorbox link from here...
    $.colorbox({href:"/echo/html/"});

    // if you want to the form action url do this
    // $.colorbox({href: $(this).closest('form').attr('action') });

});