在ASP.NET/C#页的回发中调用Javascript/JQuery函数

Question

我正在使用一个名为“Tab Slide Out”的JQuery插件，链接在这里：http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

我正试着把它作为一种反馈技术。在幻灯片上有一个表单和一个提交按钮。现在，当您单击submit时，当然会导致回发，并加载页面，但反馈窗口将设置回其关闭状态。我希望窗口在回发时自动打开。下面是一个网站的例子，它使用了这个插件，并让它按照我想要的方式工作：http://thedemo.ca/

现在我注意到在这些脚本中，他们在初始页面加载时有这样的内容：

jQuery('.slide-out-div').tabSlideOut({
  tabHandle: '.handle',
  pathToTabImage: 'typo3conf/ext/stw_jquery_feedback/images/feedback-btn-right.png', 
  imageWidth: '32px',
  imageHeight: '167px',
  tabLocation: 'right',
  speed: 300,
  action: 'click',
  topPos: '200px',
  fixedPosition: true,
  onLoadSlideOut: false
});

然后在回发时通过submit按钮：

jQuery('.slide-out-div').tabSlideOut({
  tabHandle: '.handle',
  pathToTabImage: 'typo3conf/ext/stw_jquery_feedback/images/feedback-btn-right.png', 
  imageWidth: '32px',
  imageHeight: '167px',
  tabLocation: 'right',
  speed: 300,
  action: 'click',
  topPos: '200px',
  fixedPosition: true,
  onLoadSlideOut: true
}); 

注意onLoadSlideOut的最后一个选项发生了变化。这怎麽可能？话虽如此，我认为最简单的解决方案是调用点击tabHandle，然后滑出标签。

所以我想我真正的问题是，我如何调用click .handle。

下面是我的代码的测试环境的链接：http://jakeism.info/test/

Answer 1

他们正在动态地呈现脚本。在asp.net中，要做到这一点，最简单的方法是在aspx/aspx中这样做：

<script type="text/javascript">
jQuery('.slide-out-div').tabSlideOut({
  tabHandle: '.handle',
  pathToTabImage: 'typo3conf/ext/stw_jquery_feedback/images/feedback-btn-right.png', 
  imageWidth: '32px',
  imageHeight: '167px',
  tabLocation: 'right',
  speed: 300,
  action: 'click',
  topPos: '200px',
  fixedPosition: true,
  onLoadSlideOut: <% Response.Write(Page.IsPostBack ? "true" : "false") %>
}); 
</script>

注意onLoadSlideOut的scriptlet。现在，这种逻辑可能不会完全满足您的需要，-e.g。任何回发都会导致它呈现为打开状态。所以只要替换任何合适的条件即可。

一种更好的方法是使用ajax发布到WebService，而不是发布整个页面，这样就根本没有回发。然后，在让用户知道他们的反馈已经收到后，干净利落地关闭幻灯片。

Answer 2

我想说，最好的办法是通过ajax调用提交，这样就可以做一些客户端验证等工作，如果成功了，就可以把它重新放进去。世界就在你的掌控之中。

我推荐这种方式，因为如果有人访问你的网站时没有启用javascript，功能将会受到限制，而你的回发方法将会工作得很好(假设如果页面加载时没有隐藏，框是自动显示的)。