ASP.NET - 让jquery免于混淆我的ASPX文件的最佳方法是什么？

Question

我开始使用越来越多的jQuery。我正在使用对话框，每个对话框（包括javascript）占用20-30行代码。有几页我会有超过5个对话框。这变得很难看。我甚至还没有开始进入滑动界面或日历控件。

我有更多的PHP背景......在这些情况下，我会将东西移动到“包含”文件。我可以看到在ASP.NET中使用jQuery对话框等项目，但是当我开始将jQuery特性添加到实际的ASP.NET表单项时，这不会是一个选项（据我所知）。

我该如何保持额外的JavaScript和额外的浮动divs混淆我的ASPX文件太糟糕了？

我准备把ASPX文件分成有据可查的不同部分......这只会导致一个非常“高”的文件。有更好的解决方案

谢谢。

Answer 1

让我们来看看...

1. 由于您使用jQuery，你必须已经知道脚本SRC语法，包括JavaScript文件，所以我想这是没有问题的:)。

2. 对于ASP.NET创建那些讨厌疯狂的寻找控制ID ... 缓存他们在JavaScript全局变量在页面结束...象：

   <script> 
       ControlIDs = { 
       SaveButton = '<%=SaveButton.ClientID%>', 
       BlahTextBox = '<%=BlahTextBox.ClientID%>' 
       } 
   </script> 
   

而在你单独jQuery代码的文件，做...

$(ControlIDs.SaveButton).Whatever() 

3.不要使用ASP.NET控件的ID，也许你想尝试使用CSS类的名称，选择在jQuery来得到一个特定的控制（治疗类名作为控件ID），可能不是一个理想的想法，但它可以工作。

所有的这些都应该让你做某种程度的Javascript的分离。

Answer 2

您可以将JavaScript代码放入单独的js文件中。然后您可以在页面中引用js文件。

Answer 3

我不知道你是如何构建你的.NET和你的标记，但我会使用外部JavaScript文件来处理所有这些，没有内联JavaScript。这就是我们在这里工作的方式，目前还没有问题，标记，CSS，JavaScript和.NET的分离很好。

如果您有特定类型的对话框，请在标记中使用classnames，然后在JavaScript包含文件中使用类作为选择器来创建对话框。