jquery - 使用ajax POST表单然后触发colorbox

Question

我正在尝试使用 jquery-ajax 发布表单，同时在颜色框弹出窗口上加载隐藏的 div。

要加载的隐藏 div 称为“#hidden-div”。

到目前为止，我有以下代码:

关于如何让它发布所有值，然后使用隐藏的 div 触发颜色框弹出窗口，有什么想法吗？

下面的代码不会发布数据，也不会触发弹出:(

  <script>
$(document).ready(function() {
    $("#frmSS4").submit(function(event,dontCheck) {
        if(dontCheck === true) return;
        $.ajax({
        type     : 'POST',
        url      : "http://clientes.cupon0km.com/form.php?form=4",
        data     : $(this).serialize(),
        dataType : 'jsonp'
    });
        event.preventDefault(); 
        $("#hidden-div").colorbox({inline:true, width:"auto", fixed:true});
    });
});
</script>

Answer 1

将您的 ajax 语句替换为:

  $.ajax({
       type     : 'POST',
       url      : "http://clientes.cupon0km.com/form.php?form=4",
        data     : $(this).serialize(),
        dataType : 'jsonp',
        success: function( data ) {
           $.colorbox({inline:true, width:"auto", fixed:true, href:"#hidden-div"});
        }

    });