-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

您的代码太长且无法调试。但是，我做了这个小提琴，它可以做你想做的事情。希望你能用它来让你的工作正常。

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 回答
0

代码太长，无法为您工作（也许其他人有时间）。我可以说出你有错的地方，以便你查看它们。

要解决的问题：

  • 你不能有双重身份证。所有具有 dame ID 的元素都必须重命名。您有许多带有 id#quiz和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 回答