我如何获得与js函数同时在一个页面jQuery的对象工作

问题描述：

我需要jQuery的对象和非jQuery的功能在一个页面中工作。这就是我的想法我如何获得与js函数同时在一个页面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不起作用。我该怎么做呢？

在此先感谢！

答

您需要关闭的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>

答

你需要把你的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); 
    } 
    }); 
});

答

一个<script>标签可能不会同时具有src属性（加载外部文件）和脚本内容。它只能有一个或另一个。

另外，不需要type属性 - 现在它是隐含的。

我如何获得与js函数同时在一个页面jQuery的对象工作

相关推荐