码:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#clicker").click(function () {
alert("Hello!");
$(".hide_div").hide();
});
</script>
Run Code Online (Sandbox Code Playgroud)
上面的代码不起作用.当我点击#clicker时,它不会发出警报,也不会隐藏.我检查了控制台,没有错误.我还检查了JQuery是否正在加载,确实是.所以不确定问题是什么.我还做了一个带有警报的文件就绪功能,这样做不能确定我做错了什么.请帮忙.谢谢!
假设我有10个输入字段,在左侧的输入字段之前,我有span标记,用于保存文本以指示用户应该在字段中输入的内容.我做了一些事情,但我不确定如何在span标记和输入字段之间添加空格,无论文本有多大?
像这样:
我是JS的新手,不知道如何在我的页面上完成这项工作.以下是我所拥有的.我该怎么做这个警报节目?
我正确添加了源,但不确定如何呈现警报.
<!doctype html>
<html>
<head>
<title>Toast</title>
<link href="toastr.css" rel="stylesheet"/>
<script src="toastr.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(document).ready(function() {
//toastr.info('Are you the 6 fingered man?')
Command: toastr[success](" ", "Settings Saved!")
toastr.options: {
"debug": false,
"positionClass": "toast-top-right",
"onclick": null,
"fadeIn": 300,
"fadeOut": 1000,
"timeOut": 5000,
"extendedTimeOut": 1000
}
});
</script>
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我正在制作电子邮件模板,所以我受限于我可以做的事情.
我有对齐="中心"但我仍然需要两个跨度之间的空间.我怎样才能做到这一点?
码:
<td width="659" height="28" bgcolor="#999999" align="center">
<span style="color: #ffffff;font-family: Arial, sans-serif;font-size:20px;">
CODE:</span> <span style="color: #ffffff;font-family: Arial, sans-serif;
font-size:20px;font-weight:bold;">BEHAPPY</span><span style="color: #ffffff;
font-family: Arial, sans-serif;font-size:20px;">• Ends 6/01</span>
</td>
Run Code Online (Sandbox Code Playgroud)
注意:我无法在电子邮件模板中使用边距或填充.
我正在使用以下答案中提供的以下JS代码:
如何在Tooltipster工具提示中显示来自jQuery Validate插件的消息?
这是小提琴:http://jsfiddle.net/kyK4G/
错误显示在第36行,即:submitHandler:function(form){//用于演示
这是错误:
TypeError: $(...).validate is not a function
submitHandler: function (form) { // for demo
Run Code Online (Sandbox Code Playgroud)
码:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
$(document).ready(function () {
// initialize tooltipster on text input elements
$('#myform input[type="text"]').tooltipster({
trigger: 'custom',
onlyOne: false,
position: 'right'
});
// initialize validate plugin on the form
$('#myform').validate({
errorPlacement: function (error, element) {
$(element).tooltipster('update', $(error).text());
$(element).tooltipster('show');
},
success: function (label, element) {
$(element).tooltipster('hide');
},
rules: {
field1: {
required: true,
email: true
},
field2: {
required: …
Run Code Online (Sandbox Code Playgroud) 我有以下HTML:
<div class="mega_parent">
<div class="parent">
<div class="holder">
<span class="holder_under">Left heading</span>
<div class="holder_options">
<span class="holder_options_1">Option 1</span>
<span class="holder_options_2">Option 2</span>
<span class="holder_options_3">Option 3</span>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
和以下CSS:
.holder {
background-color: blue;
padding: 10px;
}
.holder_under {
padding-left: 10px;
font-size: 16px;
color: #999;
}
.parent {
float: left;
margin-right: 20px;
width: 600px;
}
.mega_parent {
background-color: blue;
margin: 130px auto;
min-height: 320px;
height: 100% auto;
overflow: auto;
width: 940px;
padding: 0px 10px;
}
Run Code Online (Sandbox Code Playgroud)
题:
如何使类与类holder_options
对齐与类的跨度相同.holder_under
?
这就是目前在jsFiddle中的 …
这就是我所拥有的:
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
/*
* Different effects
*/
/*********This is what I added to see if I can change h and w****/
$('.fancybox-effects-a').fancybox({
autoDimensions: false,
height: 568,
width: 611
});
/********* my code ends ****/
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
// Disable opening and closing animations, change …
Run Code Online (Sandbox Code Playgroud) 请查看我使用的JSFiddle:http://jsfiddle.net/txdwg/2/
HTML:
<a href="#">Hover here</a>
<div>Show me now!</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
div {
display:none;
width:100px;
height:100px;
background:red;
margin:20px;
}
a {
font-size:16px;
font-weight:bold;
}
Run Code Online (Sandbox Code Playgroud)
JS:
(function($){
$.fn.hoverDelay = function(over, out, ms){
var delay, ms, that;
ms = ms || 500;
that = this;
that.bind('mouseenter.hoverDelay', function(e){
delay = setTimeout(function(){
over.call(that, e);
}, ms);
}).bind('mouseleave.hoverDelay', function(e){
clearTimeout(delay);
out.call(that, e);
});
};
})(jQuery);
$(function(){
$('a').hoverDelay(function(){
$('div').fadeIn(300);
}, function(){
$('div').fadeOut(300);
}, 300);
});
Run Code Online (Sandbox Code Playgroud)
但是我想通过CSS3来代替JS.我怎样才能使用悬停伪选择器并拥有类似的动画?
我正在使用一个 JQuery 插件,它的 style.css 中有这个:
* {
padding: 0px;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)
但是,对于我的 css 中的其他元素,它会导致问题。对于存在问题的元素,我如何阻止 * 将该 css 应用于某些类?
码:
$(document).ready(function() {
$('.some_class').slideDown(1000).fadeIn(5000);
});
Run Code Online (Sandbox Code Playgroud)
使用上面的一个,我想滑动一个div,同时让它淡入淡出.上面的那个似乎不起作用.我究竟做错了什么?
码:
@media screen and (min-width: 371px) {
.img_displayer {
display:none;
}
}
Run Code Online (Sandbox Code Playgroud)
如果我没错,上面的代码说如果浏览器的最小宽度变为371px,则不应显示.img_displayer元素.但是现在当我的网站以整页打开时,图像不会显示.我究竟做错了什么?
我没有这方面的表或ul结构,但我使用div来显示数据.我需要每隔一行的背景颜色为黑色.我环顾四周,但大多数选项都是桌子或列表菜单,所以有点困惑如何做到这一点.任何的想法?
我的结构:
<div class="container">
<div class="dataset">
Thomas Jones
</div>
<div class="dataset">
Edward Jones
</div>
<div class="dataset">
Tommy Lee
</div>
<div class="dataset">
Jenna Haze
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 使用JQuery fadeIn(); 我想为它添加一个时间长度.我目前正在使用它:
var transition = 'slow';
var target1 = $('.div1');
target1.delay(1500).fadeIn();
Run Code Online (Sandbox Code Playgroud)
它工作正常,但我想让div开始缓慢显示,所以加载后div应该减慢开始显示.我怎样才能使用下面的内容为它添加时间?我用Google搜索但找不到与此相关的任何内容.也许我应该看别的东西?