Question

我正在尝试链接一些基本的jQuery动画，但它们没有按预期工作。只有1 left，top和hide动画可用。我认为这与CSS的position属性有关，但我不确定。

以下是代码：https://jsfiddle.net/utkarsh17ife/L8rbene6/2/

＆＃13;

$('#move')
    .show(3000)
    .animate({left: "100px"}, 1000)
    .animate({top: "100px"}, 1000)
    .animate({bottom: "100px"}, 1000)
    .animate({right: "1000px"}, 1000)
    .hide(3000);

＆＃13;

#move {
    position: relative;
    border: 1px solid black;
}
body {
    border: 1px solid red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="move">element here</span>

＆＃13;

Answer 1

您必须将之前设置的属性设置为function validateFormAndSubmit() { if (!isEmptyField()) { dataString = $("#form").serialize(); dataString = "name=" + $("#name").val(); $.ajax({ type: "POST", url: "FormCheck", data: dataString, dataType: "json", success: function(data) { if (data.success) { //alert(data.value.name); if (data.value.name === $('#name').val()) { alert("name existed"); return true; } $('#form').submit(); } return false; } }); } } function isEmptyField() { if (!$("#name").val().length) { alert("name Field is required"); return true; } return false; }，它似乎正在保存属性，因此您在没有它的情况下会遇到冲突：

null

https://jsfiddle.net/L8rbene6/3/

链接jQuery动画功能无法正常工作

1 个答案: