Question

之前很多人都遇到过相同/类似的问题，不幸的是之前的帖子都没有帮助解决我的问题。

我有一个简单的jQuery脚本向上/向下滑动DIV。

<!DOCTYPE html>

<html lang="de">
<head>
<meta charset="utf-8" />
<title>Standard-Template</title>

...

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../scripts/magnific-popup/magnific-popup.css" media="all" />
<script type="text/javascript" src="../scripts/magnific-pleopup/jquery.magnific-popup.js"></script>
<script type="text/javascript" src="../scripts/jquery.placeholder.js"></script>
<script type="text/javascript" src="../scripts/cycle/jquery.cycle2.min.js"></script>
<script type="text/javascript" src="../scripts/cycle/jquery.cycle2.swipe.min.js"></script>
<script type="text/javascript" src="../scripts/scriptlibrary.js"></script>
</head>

<body>

...

<script>

        $("section.job-section div.job-trigger").click(function() {
        if($(this).parents("section").hasClass("expanded")) {
            // einklappen
            $(this).parents("section").addClass("close");
            $("section.expanded h3.job-trigger.close").removeClass("close");
            $("section.expanded div.job-trigger").removeClass("close");
            $("section.expanded.close div.job-details").slideUp();
$(this).parents("section").removeClass("expanded").removeClass("close");
        } else {
            // ausklappen
            $(this).parents("section").addClass("expanded");
            $("section.expanded h3.job-trigger").addClass("close");
            $("section.expanded div.job-trigger").addClass("close");
            $("section.expanded div.job-details").slideDown();
        }
        });


</script>

</body>
</html>

这很好用。但是，当我尝试将这个jQuery脚本放入外部文件时，它不再起作用了。

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

这不起作用。文件scriptlibrary.js包含几个jQuery脚本，它用（document）.ready（function（）...

包围所有代码。

到目前为止我尝试了什么：

1）当使用内联的jQuery脚本时，我没有（函数）...或（文档）.ready（function（）...并且脚本仍然有效。当我添加（文档）.ready（function（）...它将不再起作用时：）

2）我也尝试将链接放在网页底部的.js文件中，正如很多人建议的那样，但问题仍然存在，它没有效果。

亲切的问候，米兰

jQuery脚本在内联工作但不在外部文件

0 个答案: