Question

我最终会成为一个网页，并且暂时在本地运行它与XXAMP控制面板。

我的插件成功链接所有必需的文件并导入外部内容，但JQuery似乎不能在我的javascript文件中工作。有人可以帮助我吗？

以下是我的导入：

    <!-- Most Recent JQuery -->
    <script  src="https://code.jquery.com/jquery-latest.js"></script>
    <!-- JQuery Box Shadown Plugin -->
    <script src="https://cdn.jsdelivr.net/jquery.shadow-animation/1/mainfile"></script>
    <!-- Most Recent Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <!-- Most Recent Bootsrap -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <!-- Most Recent Font Awesome -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- Fancybox for Images/Iframes -->
    <link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Fancybox JS -->
    <script src="fancybox/jquery.fancybox.pack.js"></script>
    <!-- Custom JS -->
    <script src="javascript/javascript.js"></script>

这是javascript文件（第一个是假设做我想做的，其他的只是测试用例）：

$('#openIcon').hover(function(){
    console.log("Hovered");
    $('#openIcon').animate({
        boxShadow: "2px, 2px, 5px, #FFFFFF"
    }, 100, "linear");
});

$('#openIcon').click(function(){
    console.log("Clicked");
});

$('#openIcon').mouseenter(function(){
    console.log("Entered");
});

$('#openIcon').mouseleave(function(){
    console.log("Left");
});

编辑：我已经在这个网站上发现了一个关于同一类型问题的帖子，那个人在两个斜线之前没有https：。这是我遇到的一个问题，但此后已经修复，并且没有任何变化。

Answer 1

尝试添加$（document）.ready（）：

$( document ).ready(function() {

$('#openIcon').hover(function(){
    console.log("Hovered");
    $('#openIcon').animate({
        boxShadow: "2px, 2px, 5px, #FFFFFF"
    }, 100, "linear");
});

$('#openIcon').click(function(){
    console.log("Clicked");
});

$('#openIcon').mouseenter(function(){
    console.log("Entered");
});

$('#openIcon').mouseleave(function(){
    console.log("Left");
});

});

JQuery导入成功，但没有运行

1 个答案: