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

Question

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

我有更多的PHP背景......在这些情况下，我会把事情转移到“包含”文件。我可以看到在ASP.NET中使用诸如jquery-dialogs之类的项目，但是当我开始将jquery功能添加到实际的ASP.NET表单项时...这不是一个选项（据我所知）。

如何保持额外的javascript和额外的浮动div不会使我的ASPX文件变得太糟糕？

我准备将ASPX文件划分为记录良好的不同部分...这只会产生一个非常“高”的文件。有更好的解决方案吗？

感谢。

Answer 1

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

Answer 2

我不确定你是如何构建你的.NET和你的标记的，但我会使用外部JavaScript文件来处理所有这些，而不是内联JavaScript。这就是我们在这里工作的方式，到目前为止没有任何问题，将标记，CSS，JavaScript和.NET分开。

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

Answer 3

让我们看看......

1. 由于你使用的是jQuery，你必须知道脚本的src语法已经包含了javascript文件，所以我认为这不是问题：）。

2. 对于ASP.NET创建的那些讨厌疯狂的控件ID ... 将它们缓存在页面末尾的JavaScript全局变量中......如：

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

在单独的jQuery代码文件中，执行...

$(ControlIDs.SaveButton).Whatever()

3。可能你想尝试使用CSS类名作为jQuery中的选择器来获取特定控件（将类名称作为控件ID），而不是使用ASP.NET控件ID，可能不是一个理想的想法，但它可以工作

任何这些都应该允许你进行一定程度的Javascript分离。