jQuery的 - 隱藏/顯示一個對話框上的按鈕動態

Question

我有一個對話框 -

<div data-role="dialog" id="msg-popup"> 
    <div data-role="header"> 
     <h1>Notification</h1> 
    </div> 

    <div data-role="content" id> 
    <b id="notif-subject"></b> 
    <a href="#notif-details1" id:"show-notif" data-role="button">Show notification</a> 
    <a href="#" data-rel="back" data-role="button">Cancel</a> 
    </div> 
</div> 

我想要動態地隱藏和顯示節目，通知符按鈕使用jQuery代碼。我會怎麼做？

我已經試過

$("#show-notif").hide(); 

這對我沒有工作。有任何想法嗎？

Answer 1

似乎有小的語法錯誤：

<a href="#notif-details1" id:"show-notif" data-role="button">Show notification</a> 

應該（更換:與=）：

<a href="#notif-details1" id="show-notif" data-role="button">Show notification</a> 

這些功能應該工作：

$('#show-notif').hide(); 
$('#show-notif').show(); 

Answer 2

這條線在您的HTML代碼中替換爲

<a href="#notif-details1" id:"show-notif" data-role="button">Show notification</a> 

這

<a href="#notif-details1" id="show-notif" data-role="button">Show notification</a> 

，因爲你需要使用

id="show-notif" 

的jsfiddle演示：http://jsfiddle.net/MfQeF/

Answer 3

ID： 「秀，通知符」 是不是一個有效的語句。

應該是ID = 「節目，通知符」

使用Firefox（或鉻）的插件，如HTML驗證 - 或web開發人員。它可以顯示你的語法錯誤。