Hirdetés

Új hozzászólás Aktív témák

  • Lacces

    őstag

    Sziasztok!

    Észre vettem egy furcsaságot ezzel a példa kóddal kapcsolatban!
    Chrome alatt az animate gomb által végrehajtandó függvény, nem fut le!
    Viszont megnéztem IE9 alatt is, ott simán lefut. Ez mitől lehet?

    Hogyan lehet kompatibilissá tenni?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Chapter 6 - Recipe 10</title>
    <link rel="stylesheet" href="chapter6.css" type="text/css" media="screen">
    <style type="text/css" media="screen">
    .big {
    font-size: 400%;
    width: 500px;
    height: 500px;
    line-height: 100%;
    }
    </style>
    <script src="jquery-latest.js" type="text/javascript"></script>
    <script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $('#animate').click(function () {
    $('.box').toggleClass('big', 2000);
    });

    $('#effect').click(function () {
    $('.box').effect('explode', null, 2000);
    });
    });
    </script>
    </head>
    <body id="single">
    <h1>Using jQuery UI for advanced effects</h1>
    <input type="button" id="animate" value="animate" />
    <input type="button" id="effect" value="jQuery UI effect" />
    <div class="box">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
    eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    </body>
    </html>

Új hozzászólás Aktív témák