当jquery.localscroll到达文档的某个点(div)时,我想触发一个事件.
让我们说我们从顶部div垂直滚动到第三个.当它到达那里时,动作就会触发.
我有...
$("#menu_tl").click(function() {
$('.page').fadeOut();
$('.page').animate({
"width": "0px",
"height": "0px",
"top": "50px",
"left": "50px"
});
$('#page1').fadeIn();
$('#page1').animate({
"width": "500px",
"height": "400px",
"top": "-350px",
"left": "-450px"
}, 2000);
});
$("#menu_tr").click(function() {
$('.page').fadeOut();
$('.page').animate({
"width": "0px",
"height": "0px",
"top": "50px",
"left": "50px"
});
$('#page2').fadeIn();
$('#page2').animate({
"width": "500px",
"height": "400px"
}, 2000);
});
Run Code Online (Sandbox Code Playgroud)
但是我想说,当点击第二个函数时,应该重置所有被第一个改变的css.这意味着以下行是错误的:
$('.page').animate({
"width": "0px",
"height": "0px",
"top": "50px",
"left": "50px"
});
Run Code Online (Sandbox Code Playgroud)
是错误的,应该用全局重置代替.希望这很清楚......
有谁知道我如何用一个命令删除ValidationEngine创建的所有错误?我添加了插件似乎用于创建弹出窗口的代码片段.如果您需要更多信息,请告诉我.
以下代码创建错误:
buildPrompt : function(caller,promptText,type,ajaxed) { // ERROR PROMPT CREATION AND DISPLAY WHEN AN ERROR OCCUR
if(!$.validationEngine.settings){
$.validationEngine.defaultSetting()
}
deleteItself = "." + $(caller).attr("id") + "formError"
if($(deleteItself)[0]){
$(deleteItself).stop();
$(deleteItself).remove();
}
var divFormError = document.createElement('div');
var formErrorContent = document.createElement('div');
linkTofield = $.validationEngine.linkTofield(caller)
$(divFormError).addClass("formError")
if(type == "pass") $(divFormError).addClass("greenPopup")
if(type == "load") $(divFormError).addClass("blackPopup")
if(ajaxed) $(divFormError).addClass("ajaxed")
$(divFormError).addClass(linkTofield);
$(formErrorContent).addClass("formErrorContent");
Run Code Online (Sandbox Code Playgroud)
源代码:http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
问题:当用户在屏幕上出现错误并单击滚动到页面另一部分的链接时,错误仍保留在绝对位置.
我在寻找:一个删除所有错误消息的函数,可能有多个.
我有几个div在之间滚动.我需要将活动视图中的一个(在单击链接后)设置为"活动",并且所有其他div应该删除该类.
使用切换我无法让它工作.
$('.projecten').click(function () {
$('#due').toggleClass('selected'),
$paneTarget.stop().scrollTo('#due', 800, {
margin: true,
onAfter: function () {
$("body").animate({
backgroundColor: "#1f8311"
}, 800),projectenfade();
}
}); menuShow(),titleFadeOut();
});
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="due" class="elements">
<h3 class="resizeme">...</h3>
</div>
<div id="otto" class="elements">
<h3 class="resizeme">...</h3>
</div>
<div id="etc" class="elements">
<h3 class="resizeme">...</h3>
</div>
...
<div id="menu">
<p>
<a class="welkom pointme">Welkom</a> <a class="blog pointme">Blog</a> <a class="media pointme">Media</a> <a class="projecten pointme">Projecten</a> <a class="contact pointme">Contact</a>
</p>
</div>
Run Code Online (Sandbox Code Playgroud)