小编sta*_*cks的帖子

为什么这个jQuery点击功能不起作用?

码:

<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是否正在加载,确实是.所以不确定问题是什么.我还做了一个带有警报的文件就绪功能,这样做不能确定我做错了什么.请帮忙.谢谢!

javascript jquery click onclick onclicklistener

112
推荐指数
5
解决办法
27万
查看次数

无论文本长度如何,如何在标签和输入字段之间均匀添加空格?

假设我有10个输入字段,在左侧的输入字段之前,我有span标记,用于保存文本以指示用户应该在字段中输入的内容.我做了一些事情,但我不确定如何在span标记和输入字段之间添加空格,无论文本有多大?

像这样:

在此输入图像描述

html css forms css3

19
推荐指数
3
解决办法
11万
查看次数

我如何实现Toastr JS?

我是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)

javascript jquery toastr

15
推荐指数
4
解决办法
9万
查看次数

如何在电子邮件的html中添加span之间的空格?

我正在制作电子邮件模板,所以我受限于我可以做的事情.

我有对齐="中心"但我仍然需要两个跨度之间的空间.我怎样才能做到这一点?

码:

<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)

注意:我无法在电子邮件模板中使用边距或填充.

html css email html-email

6
推荐指数
4
解决办法
5万
查看次数

如何摆脱这个JS错误:TypeError:$(...).validate不是一个函数

我正在使用以下答案中提供的以下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)

javascript jquery event-handling

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

如何在同一行上对齐跨度和div

我有以下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中的 …

html css

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

为什么这个Fancybox的高度和宽度不起作用?

这就是我所拥有的:

    <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)

javascript jquery popup fancybox

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

如何通过CSS3为div延迟悬停的速度?

请查看我使用的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.我怎样才能使用悬停伪选择器并拥有类似的动画?

javascript jquery hover css3

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

如何为 css 覆盖 * 星号?

我正在使用一个 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 应用于某些类?

css overriding

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

这是在JQuery中向下滑动时淡入淡出的正确方法吗?

码:

$(document).ready(function() {
    $('.some_class').slideDown(1000).fadeIn(5000);
});
Run Code Online (Sandbox Code Playgroud)

使用上面的一个,我想滑动一个div,同时让它淡入淡出.上面的那个似乎不起作用.我究竟做错了什么?

jquery effects slidedown fadein jquery-effects

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

为什么这个媒体查询不起作用?

码:

@media screen and (min-width: 371px) {

     .img_displayer {
         display:none;
    }
}
Run Code Online (Sandbox Code Playgroud)

如果我没错,上面的代码说如果浏览器的最小宽度变为371px,则不应显示.img_displayer元素.但是现在当我的网站以整页打开时,图像不会显示.我究竟做错了什么?

css image css3 media-queries

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

使用JQuery我怎么能将每隔一行变成黑色?

我没有这方面的表或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)

html javascript jquery function css3

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

如何为fadeIn()添加时间长度;?

使用JQuery fadeIn(); 我想为它添加一个时间长度.我目前正在使用它:

    var transition = 'slow';
    var target1 = $('.div1');
    target1.delay(1500).fadeIn();
Run Code Online (Sandbox Code Playgroud)

它工作正常,但我想让div开始缓慢显示,所以加载后div应该减慢开始显示.我怎样才能使用下面的内容为它添加时间?我用Google搜索但找不到与此相关的任何内容.也许我应该看别的东西?

javascript jquery fade fadein

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