我有一个非常具体的问题.
我想使用fadeIn,fadeOut函数插入一个特定的代码,但是如果我在div标签中使用tr和td标签它就无法工作.
我有JS部分的代码:
var registrationPart = $('div.registration-part');
var loginPart = $('div.login-part');
$('span.logreg.log').click ( function () {
registrationPart.fadeOut("fast");
loginPart.fadeIn("slow");
}
Run Code Online (Sandbox Code Playgroud)
这在html中:
<table class="table">
<div class="registration-part">
<tr>
<td>registration</td>
</tr>
</div>
<div class="login-part">
<tr>
<td>login</td>
</tr>
</div>
</table>
Run Code Online (Sandbox Code Playgroud)
所以如果div中有tr,td标签,则fadeIn,fadeOut不起作用.如果我用div或span替换它们一切正常.
有没有办法如何离开tr,td,所以我不需要为div制作特定的样式表,所以它看起来像tr,td.
提前致谢.
我在JS中有这个代码:
if($('.log input:checked'))
{
alert('login checked');
alert('do what you want');
}
else
{
alert('login not checked');
alert('you can not do what you want');
}
Run Code Online (Sandbox Code Playgroud)
但它无法正常工作.IF ELSE条件错了吗?
我的意思是我有这个代码:
<script>
$(document).ready( function() {
$('html, body').animate({
scrollTop: $(".error").offset().top
}, 1500);
});
</script>
Run Code Online (Sandbox Code Playgroud)
它工作正常.所以,它滚动到第一个.error.这没关系,但是我想在屏幕上滚动一点点,例如向上移动20px,这样整个输入字段的错误就更好了.现在它位于浏览器屏幕的边缘.
这有效:
if($('div.login-part').is(':empty'))
$('div.login-part').append('<p>Login</p>');
Run Code Online (Sandbox Code Playgroud)
但这不是:
if($('div.login-part').is(':empty'))
{
$('div.login-part').append('<p>Login</p>');
$('div.login-part').append('<p>Welcome!</p>');
$('div.login-part').append('<p>What is your name?</p>');
}
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?