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按钮。我该怎么做？

我试过了

$("#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 demo：http://jsfiddle.net/MfQeF/

Answer 3

id：“show-notif”不是有效的声明。

它应该是id =“show-notif”

将Firefox（或Chrome）与插件（如html验证程序）或Web开发人员一起使用。它可以显示您的语法错误。

jQuery - 动态隐藏/显示对话框上的按钮

3 个答案: