我有一个类的元素,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 同步?
例如我有这个:
<div>
<a href="#">sample 1</a>
<a href="#">sample 2</a>
<a href="#">sample 3</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我想用CSS定位第一个链接.
我正在开发一个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) 我需要做的是为.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:left或float:right所有实例.project_content而不是为每个实例选择右或左.
如何让我的脚本为每个实例选择一个随机变量project_content,如何将margin:auto+计算添加width到混合中?非常感谢.
我正在使用Cargo Collective平台的模板中工作,它<br />在body我的文档中添加了不必要的标签.
如何编写一行或两行jQuery来搜索<br />我页面上的每个标记并删除它们,或者什么都不替换它们?
我有一个脚本,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在所有浏览器中都能正常工作.
我正在创建简单的表单验证,排除任何带有字母的条目(基本上是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的输入,以及以下字符:"."," - ","(",")"
jquery ×6
javascript ×5
css ×3
addclass ×1
cursor ×1
firefox ×1
forms ×1
jquery-cycle ×1
modal-dialog ×1
positioning ×1
pseudo-class ×1
random ×1
simplemodal ×1
targeting ×1
validation ×1
wordpress ×1