我如何獲得與js函數同時在一個頁面jQuery的對象工作

Question

我需要jQuery的對象和非jQuery的功能在一個頁面中工作。這就是我的想法

<script src="jquery.js" type="text/javascript"> 
    $('a.mini-view').click(function(){ 
     var clicked = $(this).attr("clicked"); 
     var value = $(this).attr("data-student"); 
     if (!clicked){ 
      var newValue = $('#hiddenfield').val() + "," + value; 
      $('#hiddenfield').val(newValue); 
      $(this).attr("clicked", true); 
     } 
    }); 
</script> 

<script type="text/javascript"> 
    function toggle2(showHideSpan, switchTextSpan) { 
      var ele = document.getElementById(showHideSpan); 
      var text = document.getElementById(switchTextSpan); 
      if(ele.style.display == "block") { 
          ele.style.display = "none"; 
        text.innerHTML = "Answer"; 
      } 
      else { 
        ele.style.display = "block"; 
        text.innerHTML = "Hide"; 
      } 
    } 
</script> 

jquery不起作用。我該怎麼做呢？

在此先感謝！

Answer 1

您需要關閉的jQuery腳本標籤，並保持空：

<script src="jquery.js" type="text/javascript"></script> 

而且，沒有必要逃避報價在Javascript中，如果你希望他們被視爲字符串。

<script> 
    $('a.mini-view').click(function(){ 
     var clicked = $(this).attr("clicked"); 
     var value = $(this).attr("data-student"); 
     if (!clicked){ 
      var newValue = $('#hiddenfield').val() + "," + value; 
      $('#hiddenfield').val(newValue); 
      $(this).attr("clicked", true); 
     } 
    }); 
</script> 

Answer 2

你需要把你的jQuery代碼準備函數內部像

$(document).ready(function() { 
$('a.mini-view').click(function(){ 
    var clicked = $(this).attr("clicked"); 
    var value = $(this).attr("data-student"); 
    if (!clicked){ 
     var newValue = $('#hiddenfield').val() + "," + value; 
     $('#hiddenfield').val(newValue); 
     $(this).attr("clicked", true); 
    } 
    }); 
}); 

Answer 3

一個<script>標籤可能不會同時具有src屬性（加載外部文件）和腳本內容。它只能有一個或另一個。

另外，不需要type屬性 - 現在它是隱含的。