2014-07-16 67 views
0

我有以下的Jquery在其中加載到頁面上,我的用戶控件,但是jQuery是不點火都:jQuery代碼的用戶控件的aspx內沒有發射

<script type="text/javascript" > 
    $(document).ready(function() { 
     $("div.holder").jPages({ 
      containerID: "itemContainer", 
      perPage: 2, 
      first: false, 
      previous: "span.arrowPrev", 
      next: "span.arrowNext", 
      last: false 
     }); 
    }); 
</script> 

我曾嘗試剝離了這一點,只是在document.ready內部使用alert時,但仍然不會觸發。我怎樣才能得到這個代碼執行aspx中的用戶控件內?

,簡單,這是我使用的HTML:

<div class="eng-container"> 
<!-- navigation holder --> 
<div class="holder"> 
</div> 

<!-- wrapped custom buttons for easier styling --> 
<div class="customBtns"> 

    <span class="arrowPrev"></span> 
    <span class="arrowNext"></span> 
</div> 
<ul id="itemContainer"> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
</ul> 
</div> 

沒有與代碼,我看不出有什麼明顯的錯誤。

編輯

http://jsfiddle.net/p4LES/1/

EDIT 2 繼承人的引擎收錄鏈接代碼,這是很長的,雖然整個頁面。在185行我的腳本開始,我的HTML代碼與它相關。

http://pastebin.com/szknh76v

UPDATE

我試過有問題的jQuery代碼移到了我的項目main.Master文件,它看起來已經固定在討論的問題,現在是射擊。雖然我不知道爲什麼JavaScript不會在控件中觸發。

+0

您談到了警報的工作意味着什麼? – j809

+0

沒有簡單消息的警報沒有觸發 – user3793198

+0

div.holder不包含itemContainer。檢查您的結束標籤。 –

回答

1

我創建了一個新的HTML頁面,這個工作對我來說:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="js/jPages.min.js"></script> 

    <script type="text/javascript" > 
     $(document).ready(function() { 
      $("div.holder").jPages({ 
       containerID: "itemContainer", 
       perPage: 2, 
       first: false, 
       previous: "span.arrowPrev", 
       next: "span.arrowNext", 
       last: false 
      }); 
      alert("myMsg"); 
     }); 
    </script> 
<head> 
    <title></title> 
</head> 

<body> 
<div class="eng-container"> 
<!-- navigation holder --> 
<div class="holder"> 
</div> 

<!-- wrapped custom buttons for easier styling --> 
<div class="customBtns"> 

    <span class="arrowPrev"></span> 
    <span class="arrowNext"></span> 
</div> 
<ul id="itemContainer"> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
</ul> 
</div> 
</body> 
</html>