2013-03-03 82 views
0

我直接在HTML文件中寫腳本,它增加了一些分頁功能,直到它在HTML文件時,它工作得很好,但我只是不能得到如何將這個腳本傳輸到外部的js文件,並進行它從那裏跑。因此,繼承人的HTML部分:轉移jQuery腳本到外部文件

<form id="moredisplay" method="get" style="display:inline;"> 
      <input class="hiddeninteger" type="hidden" name="loadmore" value=""> 
      <!--LIMIT CHANGER--> 
      <input type="checkbox" title="" id="limitcheck" name="limit" value="<?php echo $vsego;?>" style="display:none;"> 
      <input type="checkbox" title="" id="skipforfcheck" name="skip_items" value="" style="display:none;"> 
      <input type="checkbox" title="" id="skipbackcheck" name="skip_items" value="" style="display:none;"> 
      <button type="submit" title="back" value="" id="rerurn_more_items"/>back</button> 
      <button type="submit" title="next" value="" id="skip_more_items"/>fowards</button> 
      <button type="submit" title="more content" value="<?php echo $vsego;?>" id="limit" name="limit" onclick=""/>more content</button> 
      <script> 
       var currentval = jQuery('.scippeditems').attr('value'); 
       jQuery('#skip_items,#rerurn_items').attr('value',currentval); 
       var valuenumber = jQuery('#skip_items').val(); 
       if (valuenumber == 0){ 
       jQuery('#rerurn_items').attr('disabled', 'disabled').css({'opacity':'0.6'}); 
       } 
       var itemsshow = jQuery('#limit').val(); 
       var pagescount = (jQuery('#skip_items').attr('value'))/(jQuery('#limit').attr('value')); 
       if(pagescount >=5){jQuery('#skip_items, #limit').attr('disabled', 'disabled').css({'opacity':'0.6'});}//COUNT PAGES AND LOCK NEXT 
       function changepageforf(){ 
       var elem = document.getElementById("skip_items"); 
       var currentval = elem.value; 
       elem.value = parseInt(currentval) + 24;}//parseInt(itemsshow);} 
       function changepageback(){ 
       var elem = document.getElementById("rerurn_items"); 
       var currentval = elem.value; 
       elem.value = parseInt(currentval) - 24;}//parseInt(itemsshow);} 
       </script> 
       <script> 
       jQuery(document).ready(function(){ 
       jQuery('#limit').click(changelimit);//RUN FUNCTION ON LIMIT CHANGE 
       if (document.location.href.indexOf('&limit') > -1) {//IF URL CONTAINS LINES LIMIT 
       jQuery('#rerurn_items, #skip_items').hide()//HIDE PAGINATION 
       jQuery('#rerurn_more_items, #skip_more_items').show()//SHOW LIMIT PAGINATION 
       var checkval = jQuery('#limitcheck').attr('value'); 
       var currentvalskip = jQuery('.scippeditems').attr('value'); 
       jQuery('#skipforfcheck').attr('value', (parseInt(checkval)+parseInt(currentvalskip)));//NEXT BTN VALUE 
       var currentforfaction = jQuery('#skipforfcheck').attr('value') 
       jQuery('#skipbackcheck').attr('value',Math.ceil(((parseInt(currentforfaction)-parseInt(checkval)) - parseInt(checkval))));//PREV BTN VALUE 
       var pagescount = (jQuery('#skipforfcheck').attr('value'))/(jQuery('#limitcheck').attr('value')); 
       if(pagescount >=5){jQuery('#skip_more_items, #limit').attr('disabled', 'disabled').css({'opacity':'0.6'});}//COUNT PAGES AND LOCK NEXT 
       if(jQuery('#skipbackcheck').attr('value') <= 0){ jQuery('#skipbackcheck').attr('value', 0);}//RETURN 0 AS A VALUE IF NEGATIVE 
       jQuery('#skip_more_items').click(function(){//SUBMIT NEXT BTN 
        jQuery('#limitcheck').attr('checked', true); 
        jQuery('#skipforfcheck').attr('checked', true); 
        jQuery('#moredisplay').submit() 
       }); 
       jQuery('#rerurn_more_items').click(function(){//SUBMIT PREV BTN 
        jQuery('#limitcheck').attr('checked', true); 
        jQuery('#skipbackcheck').attr('checked', true); 
        jQuery('#moredisplay').submit() 
       }); 
       } 
       function changelimit(){//LIMIT INCREASE STEP 
       var elem = document.getElementById("limit"); 
       var currentval = elem.value; 
       elem.value = parseInt(currentval) + 6;}//HOW MUCH 
       var valuenumber = jQuery('#skip_items').val(); 
       if (valuenumber == 0){//HIDE PREV BTN IF NO PREV 
       jQuery('#rerurn_more_items').attr('disabled', 'disabled').css({'opacity':'0.6'}); 
       } 
       }); 
      </script> 
    </form> 

我所做的嘗試:複製腳本,並把在pagination.js文件,並呼籲頁面頂部的腳本這樣

$document =& JFactory::getDocument(); 
$document->addScript("jquery/pagination.js"); 

但是,這並不工作。 ..Im新的jQuery所以請不要來砸我,如果我只是愚蠢:L)

回答

1

你需要用你的代碼:

$(document).ready(function() { 
    // your code here 
}); 
+0

我試過這個,沒有運氣:( – 2013-03-03 13:27:31

+0

我發現我的錯誤,thx你這麼多! – 2013-03-03 13:57:20

0

由於抱負Aqib指出的那樣,你需要用啓動jQuery腳本或者

$(document).ready(function() { 
    // your code here 
}); 

$(function() { 
    // your code here 
}); 

這基本上是說,'等到DOM已執行該腳本前完全創建在那個函數裏面。

+0

我試過這個,沒有運氣:(我也試過用jq和jquery交換,沒有運氣太... – 2013-03-03 13:28:20

+0

好吧,我發現我的錯誤,還有在我的劇本,我錯過了

  • 11. 從外部文件運行PHP腳本
  • 12. 從外部文件畫布腳本
  • 13. 引用外部腳本文件
  • 14. 外部腳本文件(警報)
  • 15. BabylonJS從外部文件執行腳本
  • 16. jQuery腳本在HTML中但不在外部文件中工作
  • 17. 外部.js文件中的jQuery腳本沒有觸發
  • 18. 添加jQuery UI Greasemonkey腳本失敗,並與外部CSS文件
  • 19. 將內嵌javascript函數移動到外部文件並轉換爲jQuery
  • 20. 將php代碼移到外部文件
  • 21. 遷移內聯JavaScript到外部文件
  • 22. jQuery驗證 - 移動JS到外部文件和傳遞領域
  • 23. Inno-Setup ISS腳本可否包含外部ISS腳本文件?
  • 24. jquery加載外部文本
  • 25. Jquery從外部腳本加載元素
  • 26. JQuery:調用內嵌vs外部腳本
  • 27. 將使用cProfile的python腳本描述到外部文件中
  • 28. Hadoop Streaming - 外部映射器腳本 - 文件未找到
  • 29. Rails 3,如何將jquery腳本移動到application.js文件?
  • 30. 外部jquery通過值到php文件