我的jquery小提琴沒有工作

我的小提琴只顯示了我想要做的一部分，但因爲我甚至無法讓第一部分工作，所以我沒有嘗試添加第二部分。我的jquery小提琴沒有工作

第一部分

有2種形式。第二種形式是不可見的，因爲它的類被設置爲「display：none;」

我想要做的是，當您在第一個窗體上點擊「發送」時，它將淡出，然後類在form2上發生變化，以便它變得可見。

我的小提琴顯示了我在這個http://jsfiddle.net/mjmitche/KvwGw/

注意愚蠢的嘗試，我是一個新手，所以請提供儘可能多的解釋成爲可能。（請注意，我並沒有在小提琴創造適宜的形式，因爲不知道在哪裏張貼等）

二（unattempted）部分

一旦發送單擊第二個形式，我想要一個回調函數來淡化第二種形式。

如果可以，請幫助。

非常感謝！

來源

2011-07-02 Leahcim

你在這裏。這是一個更新和工作的。希望你能分辨出來，讓我知道，如果您有什麼不明白

http://jsfiddle.net/KvwGw/2/

第二部分

$('#form2').submit(function() { 
    // add form submit stuff in there 

    $(this).fadeOut(); //fades out form 
    return false; //prevents form from submitting to the form action 

});

來源

2011-07-02 10:46:09 LeeR

嗨，非常感謝，我無法讓form2的東西工作。我加了你寫的東西......我做錯了什麼？ http://jsfiddle.net/mjmitche/KvwGw/6/ – Leahcim

我明白了 – Leahcim

你的語法，只是有點過，這樣的：

.css(display:block);

Should be：

.css({display:"block"});

或：

.css("display", "block");

or simply：

.show();

You can test it out here。

此外，注意比<blah>是一個無效元素意味着你的.hide()不會按原樣工作，我使這些元素實際上是<div> s。

編輯：對於第二部分，你可以附加一個類似的處理一次性的，或者使你的形式爲通用數字n具有共同類。而要說他們都有class="form"，那麼你可以只是做：

$(".form").submit(function() { 
    $(this).hide(1000,function() { 
     $(this).next(".form").show(); 
    }); 
    return false; //prevent actually submitting for this demo 
});

...扭捏.next()是some other relative find如果有必要在您的實際頁面結構。這種方法適用於任何形式的簡單方式，you can test it out here。

來源

2011-07-02 10:45:11

尼克又回來了！ :) – alex

@alex - 我醒來之前通常有一段時間夫人上前去健身房，不妨使用它:) –

謝謝，第二部分，我沒有嘗試，是它可能添加另一個回調函數，這樣當提交第二個表單時，它也會淡出？ – Leahcim

試試這個：your fiddle updated

您需要將css屬性包裝在對象符號括號中，或者用逗號分隔的字符串：.css("display", "block")

來源

2011-07-02 10:47:35

我的jquery小提琴沒有工作

回答

相關問題