javascript - 为什么我的简单 jQuery 不起作用？

Question

当单击带有“edit-btn”类的按钮时，我希望页面上带有“admin_account_hide”类的元素淡入，并删除带有“admin_account_show”类的元素。

这是我的 HTML:

<form action="" method="post">
<div class="row-fluid admin-product admin-account-show loading-container" id="admin-2">
<div class="span3">admin</div>
<div class="span3">info@mydomain.com</div>
<div class="span3"> </div>
<div class="span3 admin-product-actions">
<button type="button" data-id="2" name="edit" class="btn btn-info edit-btn span6" title="Edit Account" value="Edit">Edit</button>
<button type="button" data-id="2" name="delete" class="btn delete-btn btn-danger span6" title="Delete Account" value="Delete">Delete</button>
</div>
</div>
<div class="row-fluid admin-product loading-container admin-account-hidden" id="admin-2">
<div class="span3"><input type="text" name="eusername" id="eusername" class="span12" value="admin"></div>
<div class="span3"><input type="text" name="eemail" id="eemail" class="span12" value="info@mydomain.com"></div>
<div class="span3"><input type="password" name="epassold" id="epassold" class="span12" placeholder="Old Password"><br>
                                    <input type="password" name="epassnew" id="epassnew" class="span12" placeholder="New Password"></div>
<div class="span3 admin-product-actions">
<button type="submit" data-id="2" name="save" class="btn btn-success edit-product span6" title="Save Changes" value="Save">Save</button>
<button type="button" data-id="2" name="cancel" class="btn delete-btn btn-danger span6" title="Cancel" value="Cancel" onclick="document.location.href='admin-accounts.php';">Cancel</button>
</div>
</div>
</form>

和我的 jQuery:

$(document).on('click', '.edit-btn', function() {

var $this = $(this);

setTimeout(function() {
    $this.closest('.admin-account-hide').fadeIn(250);
}, 1250);

setTimeout(function() {
    $this.find('.admin-account-show').remove();
}, 1510);

});

编辑:

我已经解决了混淆下划线和连字符的问题，现在这不是问题，我也尝试将 var $this 设置为引用 $(this)，但我的代码仍然无法正常工作。

Answer 1

您没有任何名为 .admin_account_show 或 .admin_account_hide 的类，它们是 .admin-account-show 和 .admin-account-hidden.