小编Dan*_*per的帖子

非活动时淡出鼠标光标(使用jQuery)

我有一个类的元素,fade-object当鼠标处于非活动状态一段时间(在这种情况下为5000毫秒)时淡出,并在鼠标再次移动时淡入.

这是我正在使用的代码:

       var timer;
        $(document).mousemove(function() {
            if (timer) {
                clearTimeout(timer);
                timer = 0;
            }

            $('.fade-object').fadeIn();
            timer = setTimeout(function() {
                $('.fade-object').fadeOut()
            }, 5000)
        })
Run Code Online (Sandbox Code Playgroud)

如何使鼠标光标以同样的方式淡入淡出,与我的fade-objectdiv 同步?

javascript css jquery cursor

7
推荐指数
2
解决办法
5638
查看次数

如何使用CSS定位div内的第一个链接?

例如我有这个:

<div>
  <a href="#">sample 1</a>
  <a href="#">sample 2</a>
  <a href="#">sample 3</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我想用CSS定位第一个链接.

css pseudo-class targeting

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

jQuery循环插件不能在Modal Box内部工作(简单模态插件)

我正在开发一个Wordpress主题,在模式框中打开新帖子而不是单独的页面.

当帖子在自己的页面上时,我用来显示每个帖子的图像幻灯片插件(jQuery Cycle Plugin)很有用,但是当使用Simple Modal插件时,图像以列表而不是幻灯片形式显示,彻底打破我的布局.

这是帖子自己的样子(点击图片以推进幻灯片演示):http://cl.ly/240c3C0i1m1o

你可以点击这个页面上的第一个缩略图,看看模态是如何工作的(我还没有用于模态的唯一URL编码):http://cl.ly/3A2J1V2q1T0P

我假设jQuery Cycle插件在模式框中不起作用,因为它在通过单击链接加载模态内容之前将其自身应用于页面?我真的不知道.

任何帮助将非常感激.我用这个答案来帮助我实现模态框:使用带有wordpress的simplemodal.我在下面的主题中包含了一些相关代码.

这是在我的header.php文件中:

<?php
        wp_enqueue_script('jquery.cycle.all.min.js', '/wp-content/themes/Goaty%20Tapes%20Theme/js/jquery.cycle.all.min.js', array('jquery'));
        wp_enqueue_script('product-slideshow', '/wp-content/themes/Goaty%20Tapes%20Theme/js/product-slideshow.js');
?>
Run Code Online (Sandbox Code Playgroud)

这是包含在product-slideshow.js(启动循环插件的设置)中的内容:

$(document).ready(function() { $('.product-images').cycle({ 
    fx:      'none', 
    next:   '.slide',
    timeout:  0
}); });
Run Code Online (Sandbox Code Playgroud)

我有这个functions.php让模式工作:

function my_print_scripts() {
        if (!is_admin()) {
            $url = get_bloginfo('template_url');
            wp_enqueue_script('jquery-simplemodal', 'http://66.147.244.226/~goatytap/wp-content/themes/Goaty%20Tapes%20Theme/js/jquery.simplemodal.1.4.1.min.js', array('jquery'), '1.4.1', true);
            wp_enqueue_script('my_js', 'http://66.147.244.226/~goatytap/wp-content/themes/Goaty%20Tapes%20Theme/js/site.js', null, '1.0', true);
        }
    }
    add_action('wp_print_scripts', 'my_print_scripts');
Run Code Online (Sandbox Code Playgroud)

这是在我的site.js档案中:

jQuery(function ($) {
    $('a.popup').click(function(){
        id = this.rel; …
Run Code Online (Sandbox Code Playgroud)

wordpress jquery simplemodal modal-dialog jquery-cycle

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

使用jQuery在类的每个实例上添加随机CSS

我需要做的是为.project_content我的HTML中的每个实例添加三种CSS样式中的一种,并且需要为每个实例随机选择样式.

三个样式如下:
float:left
float:rightOR
margin:auto+ width:x(其中的宽度.project_content被计算并且x是所计算出的宽度)

现在我有这个:

<script type="text/javascript">
$(document).ready(function(){
    var floats         = ["right","left"];                
  var rand = Math.floor(Math.random()*floats.length);           
  $('.project_content').css("float", floats[rand]);
});?????????????
</script>
Run Code Online (Sandbox Code Playgroud)

所有这个脚本正在为我做的是应用float:leftfloat:right所有实例.project_content而不是为每个实例选择右或左.

如何让我的脚本为每个实例选择一个随机变量project_content,如何将margin:auto+计算添加width到混合中?非常感谢.

javascript css random jquery positioning

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

在页面中查找"<br />"的每个实例,并使用jQuery将其删除

我正在使用Cargo Collective平台的模板中工作,它<br />body我的文档中添加了不必要的标签.

如何编写一行或两行jQuery来搜索<br />我页面上的每个标记并删除它们,或者什么都不替换它们?

javascript jquery

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

addClass(); jQuery函数在Firefox中不起作用

我有一个脚本,body从一个名为的目录中为我的文档元素选择一个随机背景图像bg-images.如果所选背景图像在图像文件名中有"_dark",我想在body元素中添加一个特殊类.

这是我正在使用的jQuery.它在Chrome和Safari中运行良好,但在Firefox中无效:

    var backgroundImage = $('body').css('background');
    var isitdark = "_dark";

    if (backgroundImage.indexOf( isitdark ) != -1 ) {
        $('body').addClass("dark");
    } else {
        $('body').removeClass("dark");
    }
Run Code Online (Sandbox Code Playgroud)

为什么在Firefox中没有做任何事情?有没有更好的写作方式?

我已经尝试添加"type=text/javascript"到我的所有脚本标签,但这似乎没有帮助,我的网站上的其余jQuery在所有浏览器中都能正常工作.

javascript firefox jquery addclass

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

JavaScript电话号码验证(拒绝带字母字符的输入)

我正在创建简单的表单验证,排除任何带有字母的条目(基本上是az或AZ中的任何内容).

这是我目前使用的,但我的脚本只拒绝任何不是0-9的东西.这将拒绝我想验证的句号,括号和破折号.

var numericReg = /^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/;
    if(number != "" && !numericReg.test(number)) {
    return false;
Run Code Online (Sandbox Code Playgroud)

我怎样才能检查信件?

另一种方法是只接受编号为0-9的输入,以及以下字符:"."," - ","(",")"

javascript forms validation jquery

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