1

wiz kid＆Axel Martinezに感謝します！問題は解決しました！

このように機能します：

$(document).ready(function() {
    $("#info").on('click', function() {
        $(".infos").toggleClass("infos_sichtbar");
    });

getElementByIdでボタンを使用しようとしていますが、機能しません:(

このスクリプトは、PhoneGapによって変換されたネイティブアプリになるWebApplikation用です。スクリプトを使用して要素のCSSクラスを変更し、「infos」というdivが表示されるようにします。このスクリプトで動作します：

    <script>
    $(document).ready(function() {
        $("button").on('click', function() {
            $(".infos").toggleClass("infos_visible");
        })
    });

    </script>

しかし、問題は2つのボタンがあります。1つはクリックで表示される情報用で、もう1つは法的通知用です...

私はそれをこのように機能させようとしています：

最初の試み：

$(document).ready(function() {
        $.getElementById("info").on('click', function() {
            $(".infos").toggleClass("infos_sichtbar");
        })
    });

2回目の試行：

 $(document).ready(function() {
        $.getElementById("info").onclick = function() {
            $(".infos").toggleClass("infos_sichtbar");
                    }
                 /* $.getElementById("legalnotice").onclick = function() {
            $(".legalnotice").toggleClass("legalnotice_sichtbar");
        }*/
    });

スクリプトを使用しているときは、ボタンをクリックしても何も起こりません。

編集：

HTMLコード：

<body>

<div class="infos">Blub blub blub blub blub blub blub blub</div>

<header>
    <h1>App</h1>
</header>
<section>
    <h1>welcome!</h1>
    <p class="einleitung">intro</p>
<aside>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
</aside><button id="info">Infos</button><button id="impress">Impressum</button>
</section>
<script src="zepto.js"></script>
<script src="app.js"></script>
<script>
window.scrollTo(0,1);
</script>

スクリプトはapp.jsファイルで実装されます。

4

2 に答える 2

2

使ってみてください

$("#info")

それ以外の

$.getElementById("info")

すなわち

$(document).ready(function() {
        $("#info").on('click', function() {
            $(".infos").toggleClass("infos_sichtbar");
        });
});
于 2013-03-03T13:45:25.270 に答える
1

jQueryを使用している場合は、次のようなセレクターを使用してみませんか

$(document).ready(function() {
    $("#info").click(function() {
        $(".infos").toggleClass("infos_sichtbar");
    });
});
于 2013-03-03T13:49:16.407 に答える