小编Bar*_*din的帖子

我已经完成了大部分代码并尝试了几种方法来使clearInterval工作,并且由于某种原因它只是不起作用,尽管这是一个基本而简单的问题.

这是代码,我想知道为什么它不起作用,而不仅仅是为我完成代码.

var myTimer;

function startTimer() {
    myTimer = window.setInterval( function() {
        $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current);
        var current = Math.round(Math.random() * 4) + 1;
        $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current);
    }, 5000);
};

function stopTimer(){
    window.clearInterval(myTimer);
    $('#randomImage').fadeTo('slow',0.0);

}

在新手中提前感谢...

我正在使用height()/width()方法,但它的返回值没有它的填充和边距值.我没有问题用/高度值计算总数.

这种方式有效,但我的问题是; 它太长了,无法计算所有这些.有没有办法用更少的代码计算这些没有错误？

这是jsFiddle的例子.

jQuery的:

var ele = $('div');

var eleW = ele.width();
var eleH = ele.height();

alert(eleW);//returning 200
alert(eleH);//returning 100

var eleMR = parseInt(ele.css('margin-right'));
var eleML = parseInt(ele.css('margin-left'));
var eleMT = parseInt(ele.css('margin-top'));
var eleMB = parseInt(ele.css('margin-bottom'));

var elePR = parseInt(ele.css('padding-right'));
var elePL = parseInt(ele.css('padding-left'));
var elePT = parseInt(ele.css('padding-top'));
var elePB = parseInt(ele.css('padding-bottom'));

var eleTotalWidth = eleMR + eleML + elePR + elePL + eleW;
var eleTotalHeight = eleMT + eleMB + elePT + elePB + …

你可以在jsfiddle上看到http://jsfiddle.net/C8B8g/7/我有2个按钮(= 2个div)"区域"和"源".鼠标悬停时每个div都会突出显示(蓝色背景)(感谢stackoverflow贡献者,因为我在JS中仍然非常糟糕).

我注意到用户实际上并没有意识到这些是按钮所以我想做的是让第一个包含文本"我们的区域"的DIV默认用蓝色背景突出显示并且只回到白色单击包含文本"我们的源"的另一个div时的背景(在这种情况下,"我们的源"背景将变为蓝色).在CSS中使用"当前"进行了一些测试,但没有成功......

我有一个<div id ='map'>地图,当用户向下滚动时会滑动.但是,它似乎让地图永远滚动,永远不会让用户实际到达页面的底部(有一个页脚).

我想要做的是让<div>在到达另一个动态大小(高度可变)<div>的结尾时停止滚动.这两个<div>是并排的并且在同一行中.

这是我用来使用用户的滚动进行正确div移动的JavaScript代码:

$(function() {

    var $sidebar   = $("#map"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        }
        else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
});

在这个例子中; 我正在尝试使用css3 rotate属性创建一个jQuery动画.我可以使用css3 transition和jQuery 来管理这个动画css()但是我想用jQuery animate()根据我的jQuery variatons来旋转deg值.

是否可以使用jQuery 1.8.0的css3属性值进行动画处理？

这是jsFiddle检查.

jQuery的:

var rotateVal = 90;

//this method isn't working
$('.red').animate({
    'transform':'rotate('+rotateVal+'deg)'
},500);


//this way works but i don't want to do this with transitions
$('.black').css({
    'transform':'rotate('+rotateVal+'deg)',
    'transition':'1s'
});?

HTML:

<span class="black"></span>
<span class="red"></span>

编辑:已删除供应商前缀,例如-webkit-.感谢Kevin B.

我已经有一些数据,我能够将该数据编译成div使用ng-repeat.我试图将它们分成2列,并且找不到构建它的方法.

这是我的例子:(jsFiddle)

HTML:

<div ng-controller="Ctrl">
    <div class="left">
      <div ng-repeat="item in data">{{item.value}}</div>
      <!-- i've tried filter and failed -->
    </div>
    <div class="right">
      <div ng-repeat="item in data">{{item.value}}</div>
    </div>
</div>

JS:

var app = angular.module('app', []);
function Ctrl($scope) {
  $scope.data = [
      {value: "a"},
      {value: "b"},
      {value: "c"},
      {value: "d"},// trying to divide from here
      {value: "e"},// and show the last part in other column
      {value: "f"},
      {value: "g"},
      {value: "h"}
  ];
}

是否可以只使用音频控制并隐藏其他人从html5视频控制栏？

我想隐藏控制栏,只需使用音频关闭/开启按钮.我在w3schools上阅读了关于文章但却无法找到解决方案的文章.

是否可以更改css位置音频静音按钮？我在这张照片上做了标记.

这是jsFiddle示例.

编辑:我们有没有机会改变视频控制的CSS并根据我们的需求重新设计它们？

如果没有,什么是最好的和轻的html5视频播放器,我们可以风格化？

我在使用jQuery来定位正确的div时遇到了一些麻烦.我正在创建一个水平条形图小部件,并且我希望值标签在​​小于10%时(因为可读性)碰到条形图的右侧.

看起来我没有正确地定位barValue div,因为它没有像它应该那样碰撞<10%的值.

这是一个骗局.

$(function() {
    $(".barChart").each(function() {
        $(this).html("<div class='barLabel'>" 
            + $(this).data('title') + 
        "</div><div class='barContainer'><div class='bar' style='width:" 
            + $(this).data('value') + 
        "%'><div class='barValue'>" 
            + $(this).data('value') + "%" 
            + "</div></div></div>");
        if($(this).data('value') <= 10) {
            $(this, ".barContainer .barValue").css({
                "margin-right": "-20px",
                "color": "#000",
            });
        }
    });
});

<div class="barChart" data-value="64" data-title="Apples"></div>
<div class="barChart" data-value="6" data-title="Oranges"></div>

.barChart {
    width:100%;
    margin:5px;
}
    .barChart .barLabel {
        float:left;
        font-size:12px;
        color:#BBB;
    }
    .barChart .barContainer {
        width:-webkit-calc(100%-85);    
        margin-left:75px;

        -moz-box-sizing: border-box; 
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height:15px;
        padding:1px;
        border:1px solid #EEE; …

我想禁用点击功能,直到其中的每个代码; 初始化和完成.

我阅读了这些文章并尝试了他们所说的但是无法实现: event.preventDefault()与return false + 在jQuery中删除事件处理程序的最佳方法？ + jQuery - 禁用单击直到所有链接的动画完成

我准备了这个问题的简单例子:

这是DEMO

HTML

<div class="ele">1</div>
<div class="ele">2</div>
<div class="ele">3</div>

​

jQuery的

$('.ele').click(function() {

    if ( !$('.ele').is(':animated') ) {//this works too but;
                         //is:animate duration returns = 2000 but need to be 4000
        $('.ele').stop().animate({'top':'0px'},2000);
        $(this).stop().animate({'top':'100px'},4000);
    } 
    return false;
});
?

有一个关于innerHTML和输入值的简短问题.请参阅下面的简要示例(为方便起见,使用jQuery):

http://jsfiddle.net/F7urT/2/

jQuery的:

jQuery(document).ready(function($) {
    $('.send').click(function() {
        alert( $('.content').html() );
        return false;
    });
});?

HTML:

<div class="content">
    <input type="text" name="input" value="Old Value" />
    <input type="button" class="send" value="Send" />
</div>?

如果您编辑输入值,然后单击"发送"按钮,警报显示innerHTML gotten包含带有"旧值"的输入,而不是用户输入的值.为什么是这样？我们如何将HTML作为用户输入的输入值的字符串？