我想在我的应用程序中加入一个帮助按钮。我看到此帮助按钮的工作方式类似于在 Windows 应用程序中发现的内容,例如,用户将单击帮助按钮,然后单击他们想要帮助的组件。
我正在考虑在单击帮助按钮后设置一个全局侦听器,以便下一次触发的 onClick 将是用户需要帮助的组件。我还没有考虑这样做,所以任何建议都会很棒!
另外,我想听听您的意见,以哪种方式解决此问题。
提前致谢!
我想在我的应用程序中加入一个帮助按钮。我看到此帮助按钮的工作方式类似于在 Windows 应用程序中发现的内容,例如,用户将单击帮助按钮,然后单击他们想要帮助的组件。
我正在考虑在单击帮助按钮后设置一个全局侦听器,以便下一次触发的 onClick 将是用户需要帮助的组件。我还没有考虑这样做,所以任何建议都会很棒!
另外,我想听听您的意见,以哪种方式解决此问题。
提前致谢!
假设包含 jQuery,我正在给出答案,那么您也可以使用纯 JavaScript。
声明一个全局变量 -var helpRequested = false;
假设您的网页上提供的帮助很少有元素,假设您将 css 类<div class="help someothercssclass"> ... </div>
应用于所有这些元素,
现在订阅所有这些需要帮助的元素的点击事件
$('.help').click(function(event) {
event.preventDefault();
if(helpRequested === true) {
var id = $(this).attr('id');
//based on id do your stuff... like provide help through popup window
helpRequested = false; //finally reset
}
});
<button id="helpbutton">Help</button>
现在订阅这样 的帮助按钮的点击事件
$('#helpbutton').click(function() {
helpRequested = !helpRequested ; //toggle the value
});
我想这会做的工作......或者什么开始