文章/答案/技术大牛

发布

问类问题的javascript语法
EN

Stack Overflow用户

提问于 2015-04-28 22:55:59

回答 2查看 58关注 0票数 0

好吧我有这个javascript..。

$(document).ready(function() {
    $('#holder').toggleClass("visible");

    $('a.link').click(function(event) {
        // Over-rides the link
        event.preventDefault();
        // Sets the new destination to the href of the link
        newLocation = this.href;
        color = $(this).data("color");
        $('body').css('background-color', color );
        $('#holder').css('opacity','0' );
        // Delays action
        window.setTimeout(function() {
            // Redirects to new destination
                window.location = newLocation;
        }, 250);
    });

    $('h1').click(function(event) {
        $('#holder').toggleClass("visible");
    });

});

我有这个html ..。

<body class="landingpage">

    <h1 class="begining">Page Tansitions</h1>
    <p><a class="link" href="/one.html" data-color="#f36c20">Page One</a></p>
    <p><a class="link" href="/two.html" data-color="#edcd40">Page Two</a></p>

</body>

..。这一切都很好，而且js做了它的事情，改变了页面的颜色，这是上面代码中的ref 'body‘.

我不想更改html页面的'body‘标记，我想更改一个类，类似于css和html中引用的.我不能为我的生活弄明白如何用javascript来表达它，有人能帮忙吗？

干杯，格雷格。

……此外，我还试图将它集成到一个更复杂的结构中，而现在似乎无法工作.我有html的链接，我使用的是一个平铺类和动画，没有任何改变。

<a class="tile double bg-tile1color live animated flipInX link" data-color="#f36c20" data-role="live-tile" data-effect="slideUp" data-click="transform">

当用户单击此瓷砖时，我还使用了javascript触发器，这是我想要插入上述更改页面颜色的javascript的位置.我猜javascript正在覆盖转换.

<script>          
$('.tile').on('click', function () {

    $(".tile").addClass("flipOutX");
    setTimeout(function(){
        $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html");
    }, 2000);

});
</script>

javascript

jquery

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-04-28 23:16:09

使用jquery，您可以使用完整的css选择方法。

$('body').css('background-color', color );

可能是这样的

$('.metro .tile-area-darkCrimson').css('background-color', color );

票数 1

Stack Overflow用户

发布于 2015-04-28 22:58:53

您可以使用jQuery的addClass

$('body').addClass('metro tile-area-darkCrimson');

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29931373

复制

相似问题

问类问题的javascript语法
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问类问题的javascript语法EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问类问题的javascript语法
EN