javascript - 如何在按下按钮后禁用它,然后重新启用它?
问题描述
在我的页面上按下按钮后,我想禁用它。然后当我进入收藏页面并从那里删除项目时,按钮应该会重新出现,但我不知道该怎么做。
请问我能得到一些帮助吗?
$(document).ready( function() {
$("#add_btn").on("tap", function(){
var propName = $("#propName").text();
var propPrice = $("#propPrice").text();
var pageURL = $(location).attr("href");
localStorage.setItem("propName", propName);
localStorage.setItem("propPrice", propPrice);
localStorage.setItem("prop", pageURL);
$('#pFave').html("Property added to Favourites");
$("#popupFave").popup("open", "reposition", 'positionTo: window');
});
var propLength = window.localStorage.length;
console.log(propLength);
if(propLength !=0){
var hName = localStorage.getItem("propName");
var hPrice = localStorage.getItem("propPrice");
var url = localStorage.getItem("prop");
var list = "<li><a href='"+ url +"' data-ajax='false'>" +hName +"<br> "+hPrice + "</a><button id='remove' class='ui-btn ui-corner-all'>Delete</button></li>";
$('#listProperties').append(list).listview('refresh');
$('#remove').on("tap", function(){
localStorage.removeItem("propName");
localStorage.removeItem("propPrice");
localStorage.removeItem("prop");
window.location.reload();
});
} else {
var list = "<li data-icon='false'><a href='#' data-ajax='false'>No Properties Saved</a></li>";
$('#listProperties').append(list).listview('refresh');
}
});
<div data-role="popup" id="popupFave" data-overlay-theme="a" data-theme="a" data-dismissible="false" style="max-width:300px;">
<div role="main" class="ui-content">
<h3 id='pFave'> </h3>
<a href="#" class="ui-btn ui-corner-all " data-rel="back">Ok</a>
</div>
</div>
<button id="add_btn" data-icon="star">Add to favourites</button>
解决方案
要禁用该按钮:$("#add_btn").attr("disabled", true);
要启用按钮,您可以$('#add_btn').attr("disabled", false);
或$('#add_btn').removeAttr("disabled");
推荐阅读
- c# - 如何在 textbox_leave 操作侦听器 c# 中将 $ 符号更改为₱
- java - “插入单词”不会将单词添加到数据库中
- django-rest-framework - Django,在两个表中分配具有预定义值的两个表之间的多对多关系
- ios - 例外:addEvent 不是公认的 Objective C 方法
- python - 得到元素不可交互或元素不可见的错误
- sql - 从sql中的字符串中提取匹配的单词
- python - 在python中检测一组平面
- php - 联系表 7- 多文件上传值作为电子邮件中的链接
- xamarin - 将 Azure b2c 详细信息存储在代码中是否安全,或者我是否需要进行混淆处理?
- video - 来自ffmpeg的损坏的输出视频结合了几个视频