我有一个执行两个职责的按钮,一个是主题的一部分,另一个是ajax调用。
这是默认行为:
GlobalVar
现在必须针对我在其他.js中的ajax调用触发所有这些行为:
$(".next").click(function () {
if (animating) return false;
animating = true;
current_fs = $(this).parent();
next_fs = $(this).parent().next();
//activate next step on progressbar using the index of next_fs
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({ opacity: 0 }, {
step: function (now, mx) {
//as the opacity of current_fs reduces to 0 - stored in "now"
//1. scale current_fs down to 80%
scale = 1 - (1 - now) * 0.2;
//2. bring next_fs from the right(50%)
left = (now * 50) + "%";
//3. increase opacity of next_fs to 1 as it moves in
opacity = 1 - now;
current_fs.css({ 'transform': 'scale(' + scale + ')' });
next_fs.css({ 'left': left, 'opacity': opacity });
},
duration: 800,
complete: function () {
current_fs.hide();
animating = false;
},
//this comes from the custom easing plugin
easing: 'easeInOutBack'
});
});
所以这里的想法是,如果这个Ajax返回true,我需要覆盖下一个的行为,但如果它是false,那么它应该转到下一个fieldset。
这是HTML:
$("#ToStepThree").click(function () {
var valueParameter = $("#DocumentNumber").val();
$.ajax({
cache: false,
url: 'Customer/ExistUserByDocument',
type: 'GET',
data: { document: valueParameter },
dataType: 'json',
success: function (exists)
{
alert(exists);
},
error: function (xhr, ajaxOptions, thrownError)
{
alert("error");
}
});
});
任何想法如何实现这一目标?