小编Dej*_*kic的帖子

如何清除间隔并重新设置?

这就是我想要完成的:当最后一张幻灯片到达fadeOut最后一张幻灯片然后fadeIn第一张幻灯片,然后clearInterval (一切都适用于这部分).现在我的问题是我想再次 setInterval 如果它不存在但我不知道如何实现它:(
我试图解决这个问题,但是我的脚本根本不起作用!
所以我怎样才能再次重新启动我的间隔?谢谢!!
如果没有 if这样的声明它工作正常:

if(!intervalID){
    intervalID = setInterval(animate,5000);
}    
Run Code Online (Sandbox Code Playgroud)

这是我到目前为止:

$(document).ready(function() {
  /*check if intervalID don't exists messes UP!!*/
  if (!intervalID) {
    intervalID = setInterval(animate, 5000);
  }

  //Hide everything except first slide and controls

  $('.slidewrap div:not(.slidewrap div:first,.slidewrap .slide_controls)').hide();

  var animate = function() {

    /*if .pagination_active is last removeClass and addClass to .pagination_active 
             first li tag*/

    if ($('.pagination_active').is($('.slide_controls ul li:last'))) {
      $('.pagination_active').removeClass('pagination_active');
      $('.slide_controls ul li:first').addClass('pagination_active');
    } else {
      $('.pagination_active').removeClass('pagination_active').next().addClass('pagination_active');
    }

    /*if div.active is last fadeOut …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

14
推荐指数
2
解决办法
3万
查看次数

如何避免盒子阴影过渡时闪烁?

我有CSS 在悬停时动画框阴影.它适用于Firefox,但会导致Opera/Chrome 浏览器出现闪烁现象.

是否可以在没有额外标记且没有伪元素的情况下修复它?

.hover {
    color: #fff;
    background:  rgba(0, 0, 0, 0.5);
    display: block;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: box-shadow linear 0.5s,color linear 0.5s;
    -moz-transition: box-shadow linear 0.5s,color linear 0.5s;    
    transition: box-shadow linear 0.5s,color linear 0.5s;
}
.hover:hover {
   box-shadow: inset 424px 0 0 0 #fff;
   color: #000;
}
Run Code Online (Sandbox Code Playgroud)
<h1 class="hover">This is some really looong title!</h1>
Run Code Online (Sandbox Code Playgroud)

html css

7
推荐指数
1
解决办法
1545
查看次数

clearInterval不起作用?

我有这个代码的一些问题,当我点击开始按钮时,一切都按预期工作但当我想停止动画时clearInterval它不起作用,只是保持循环...我做错了什么?

 var a = function() { 
     $("div").animate({height:300},"slow");
     $("div").animate({width:300},"slow");
     $("div").animate({height:100},"slow");
     $("div").animate({width:100},"slow");
 }

 $(document).ready(function(){
     $("start").click(function(){

         setInterval(a,1000);
     });

     $("stop").click(function(){
         clearInterval(a);

     });

 });
Run Code Online (Sandbox Code Playgroud)

jquery

6
推荐指数
1
解决办法
2万
查看次数

如何正确警告我的变量

我对Jquery有相当不错的理解,但决定深入研究JavaScript,因为我不了解"原始"JavaScript.
所以这是我的问题:在文档加载时,我的函数执行正常并提醒:"我的名字是约翰",但是在按钮上单击它警报只是:'嗨,我的名字是'.我的问题是为什么会发生这种情况,我该如何解决?
我知道我可以通过将我的变量INSIDE放入我的函数来修复它,但有没有办法调用我的函数外部声明的FIRST变量(在脚本类型之后的变量)

小提琴
我的代码:

<!DOCTYPE html>
<head>
<script type="text/javascript">

//If I try to call this variable WILL NOT WORK:(

var name ='John'; <--SO HOW CAN I CALL THIS VARIABLE TO MY CLICK FUNCTION?--> 

function displayName(name)
{
//If I put my variable like this WILL WORK fine...
//var name ='John';
alert('Hi I am '+name);

}

//This function works on document load
//displayName(name);
</script>
</head>
<body>

<!--This doesn't work well if variable is OUTSIDE my …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
1
解决办法
169
查看次数

什么是窗户装载替代品?

我有以下情况:我想在页面完全加载时立即显示我的图像,因为我想避免在文档就绪功能中逐个显示图像(它们最初是隐藏的,只想在文档时立即显示它们已完成加载),所以我正在使用$(window).load(function () {});

当我使用此函数时,它运行正常并按预期运行,但我唯一的问题是不推荐使用加载函数.

例如,如果我使用下面的代码, $(window).load我可以看到我的图像逐个加载,这不是一个选项(setTimeout也没有选项).

我的问题:如何在不使用的情况下实现相同的行为$(window).load?谢谢!!

示例代码:

$(document).ready(function(){
 //on document ready HIDE my images 
glowHide.hide();

   //on page LOAD show all images AT ONCE (works fine but depreciated) 
   $(window).load(function(){
   glowHide.show();
   });

});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

2
推荐指数
1
解决办法
5537
查看次数

在不破坏HTML验证的情况下换行表行?

我有一个表,我想换表行,但问题是我不知道用什么来包装的那些家伙了......如果我使用<div>,<span>,<tr>,<td>...他们都打破我的验证.

那么我可以在不破坏验证的情况下将表格行包装起来?

这就是我希望它看起来的唯一问题是我的HTML无效.
在这里小提琴

我正在使用以下Jquery生成我的包装器

$(document).ready(function(){
$('tr:first').nextUntil('.section2').andSelf().addClass('section1');
$('tr:nth-child(3)').removeClass('section1').addClass('section2');
$('.section2').nextUntil('.section3').removeClass('section1').addClass('section2');

//Lets wrap those two sections inside divs ...
//This will obviously break my validation:(    
$('tr.section1').wrapAll('<div class="section_box1"></div>');
$('tr.section2').wrapAll('<div class="section_box2"></div>');
});
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

1
推荐指数
1
解决办法
2727
查看次数

Parse_url并仅在第一个文件夹中删除斜杠?

PHP假人在这里.

比方说,我有我的域名是这样的:http://www.domain.com/somefolder/index.html所以现在我需要像这样:somefolder/index.html

为此,我使用以下代码:

<?php $urlparts = parse_url("http://www.domain.com/somefolder/index.html");
$extracted = $urlparts['path'];
print $extracted;?>
Run Code Online (Sandbox Code Playgroud)

现在我得到这样的输出:/somefolder/index.html

我喜欢做的是只删除第一个斜杠,使它看起来像这样: somefolder/index.html如果我可以获得相同的结果(在第一个文件夹上删除斜杠但不是即使我有更多像这样的文件夹:other_folder/somefolder/index.html或者other_folder/yet_another_folder/somefolder/index.html.

有没有一个可以像我一样帮助假人的好人?谢谢!

php

1
推荐指数
1
解决办法
1017
查看次数

$ _POST按名称选择textarea?

我还是PHP新手所以请原谅我这样问:(

假设我有输入类型文本,如下所示:

<input type="text" id="wrapper_background_color"
value="'.$GetColorpickerValue.'" name="wrapper_background_color" />
Run Code Online (Sandbox Code Playgroud)

所以要使用该输入执行某些操作,我可以使用$ _POST这样选择它(这样可以正常工作)

$_POST['wrapper_background_color'] 
Run Code Online (Sandbox Code Playgroud)

现在我将修改我的文本输入名称:

<input type="text" id="wrapper_background_color" value="'.$GetColorpickerValue.'"
name="theme_display_options[wrapper_background_color]" />
Run Code Online (Sandbox Code Playgroud)

现在如何使用$ _POST 选择新名称
这不起作用,但说明了我的尝试:

$_POST theme_display_options['wrapper_background_color'] 
Run Code Online (Sandbox Code Playgroud)

THX家伙!!

php post

1
推荐指数
1
解决办法
123
查看次数

什么时候应该在if语句的条件中使用括号?

我有一个如此条件:

$(document).ready(function(){
  var name = 'Stack';
  var lastname = 'Overflow';
   if( name == 'Stack' && lastname == 'Overflow' )
   alert('Hi Stacker!');
});
Run Code Online (Sandbox Code Playgroud)

所以我alert被解雇了......

如果我把条件放在这样的括号内:

 $(document).ready(function(){
  var name = 'Stack';
  var lastname = 'Overflow';
   if( (name == 'Stack') && (lastname == 'Overflow') ){
      alert('Hi Stacker!');
   } 
});
Run Code Online (Sandbox Code Playgroud)

alert也被解雇了......

我的问题是:何时以及为什么我应该在if条件中使用括号?谢谢!

javascript jquery

0
推荐指数
1
解决办法
8761
查看次数

标签 统计

jquery ×6

javascript ×5

html ×2

php ×2

css ×1

post ×1