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包含文件中使用類作爲選擇器來創建對話框。