-2

基本的には、iPhone3GS のボタンをクリックすると表示し、iPhone4 または別のボタンをクリックすると、他のボタンは非表示に戻ります。各フォームには、本体に iPhone 3GS、iPhone4 などのクラスがあります。iPhone3GS をクリックすると、iPhone3GS のコンテンツが表示されます。jQuery か JavaScript かは関係ありません。動作させたいだけです。

これがjsfiddleです：http://jsfiddle.net/wLY7C/4/

ここにJavaScriptの一部があります（このコードが有効ではないことは承知しています。単なる例です）：

if (q1 == "iphone3gs") 
{
    $('.show(iphone3gs)').val('.hide(iphone4 iphone4s iphone5 iphone5s)').click(function () 
    {
       window.location.href = 'iphone3gs'
    });
}
4

2 に答える 2

0

コードが長すぎて機能しません (他の誰かが時間があるかもしれません)。私はあなたが間違っていることに名前を付けることができるので、あなたはそれらを見ることができます.

修正すべき点:

  • 二重IDは不可。dame ID を持つすべての要素の名前を変更する必要があります。#quizidとを持つ多くの要素がありformます。これを修正する必要があります。

  • 要素を非表示$('.iphone4').hide();にするには: -表示 $('.iphone4').show();と切り替え: $('.iphone4').toggle();-.iphone4そのコードでは、そのクラスのすべての要素を意味します。

これを試して：

        if (q1 == "iphone3gs") {
            $('.iphone3gs').show().click(function () {
                window.location.href = 'iphone3gs'
            });
            $('.iphone4,.iphone4s,.iphone5,.iphone5s').hide(); //or use $('form[name="quiz"]').hide(); before the show.               
        } //this was also missing on your other if statements
于 2013-09-05T19:21:39.440 に答える
0

あなたのコードは長すぎて、デバッグするには面倒です。しかし、私はあなたがやろうとしていることをするこのフィドルを作りました。うまくいけば、それを使用して正しく動作させることができます。

JSFiddle

これはレベル 1 (コードの q1) の例です。

$(".level1").click(function() {
    $(".level1").hide(); //Hide all level 1
    $(this).show(); //Display only current selection from level 1
    q1 = $(this).attr("id"); //Set q1 to selection
    $(".level2").show(); //Display level 2 now that level 1 has been selected/hidden
});
于 2013-09-05T19:32:42.327 に答える