jQuery,用实时赔率改变价值

时间:2014-11-06 15:51:51

标签: javascript jquery html css knockout.js

这是我第一次在这里发帖,很抱歉,如果我不清楚我的第一次拍摄的问题:)。好吧,让我解释一下我被困在哪里。我有一个门户,其中赔率可以随时改变,这意味着,如果你现在选择一个奇数,它可以随时改变,这意味着你必须改变你对这个奇数的赌注。

这个网站是我想要的最好的例子。 http://www1.betuniq.eu/it/live(选择一些比赛,这样你就可以看到投注的几率)

当我选择一些奇怪的时候,那个奇怪的东西会被一些css类徘徊,但是当同样的奇怪改变它的值时,悬停消失了。接下来我想得到的是什么。当奇怪的改变它的价值我想要另一种颜色的悬停?!

总之,这就是我的问题。我希望我写得可以理解。

亲切的问候

1 个答案:

答案 0 :(得分:0)

可以使用jQuery完成。它是这样的。这不是最优雅的方式,也许别人可以建议你一个更清晰的解决方案。到那时,您可以查看:

<强>的jQuery

<script type="text/javascript">
    $(function() {
        $('.odd').click(function() {
            if (!$(this).hasClass('clicked')) {
                $(this).addClass('clicked');
                $(this).css('background-color', "#00f");
            }
        });

        $(".odd").hover(function() {
            if (!$(this).hasClass('clicked')) {
                $(this).css('background-color', "#f00");
            }
        }, function() {
            if (!$(this).hasClass('clicked')) {
                $(this).css('background-color', "#fff");
            }
        });
    });

</script>

<强> CSS

<style>
    div.odd {border: 1px solid #000; padding: 2px; display: inline-block; cursor: pointer}
</style>

<强> HTML

<div class="odd">This is a text</div>