jquery - 如何让带有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代码放在ready函数中

$(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属性 - 现在它是隐含的。