在 asp 和 c#/javascript 中创建帮助按钮答案

【问题标题】：Creating a help button in asp and c# / javascript在 asp 和 c#/javascript 中创建帮助按钮
【发布时间】：2012-10-15 19:01:49
【问题描述】：

我想在我的应用程序中加入一个帮助按钮。我看到这个帮助按钮的工作方式与 Windows 应用程序中的类似，例如用户将单击帮助按钮，然后单击他们想要帮助的组件。

我正在考虑在单击帮助按钮后设置一个全局侦听器，以便下一个触发的 onClick 将是用户需要帮助的组件的那个。我还没有考虑这样做，所以任何建议都会很棒！

我也想听听您对解决这个问题的方法的意见。

提前致谢！

【问题讨论】：

不确定我是否理解 - 如果您正在寻求有关 UX 设计的帮助，那么这不是最好的选择。如果只是代码帮助，那么我认为您需要确定您到底想要什么，将问题分成小部分并分别询问每个任务，或者更好的是，搜索现有答案 - 我相信您会找到它们。 :)
听起来您在寻找建议而不是试图回答问题。我会研究 jQuery；您可以将点击事件放在您的组件上，并根据帮助功能是否处于活动状态，让它翻转和不翻转。如果没有更具体的问题，真的无法提供任何其他内容。

标签： c# javascript asp.net web-applications

【解决方案1】：

假设包含 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
});

我想这将完成工作......或开始

【讨论】：