javascript - 如何将 html img 元素传递给 javascript 包含的文件？

Question

这是一个 javascript 菜鸟提出的问题。这两天我试图找到类似的东西，但没有找到。我尝试将 html 图像元素传递到外部 javascript 文件，并将其包含到其余 html 代码中。 javascript 淡入和淡出图像。因为我想每次使用不同的图像，所以我想在外部 javascript 文件中有一个函数。

到目前为止我做了什么:

PHP 和 HTML:

<?php
if ($success){
echo"<link rel='stylesheet' href='js/jquery-ui-1.11.4-smoothness.css'>
                <script src='js/jquery-1.11.3.js'></script>
                <script src='js/jquery-ui-1.11.4.js'></script>

            <img id='tick' src='tick.png'>

            <script type='text/javascript' src='js/success_failure_signs.js'>
            success_failure(tick);
            </script>";

}?>

Javascript 文件包含以下代码:

function success_failure(tick){
    var x = tick; 
    x.fadeIn();
    x.fadeOut(1000);
    }

浏览器的控制台没有给出任何错误。看来函数 success_failure 没有获取图像。这段代码有什么问题，我该如何修复它？预先感谢您!

Answer 1

当你调用函数时，你还没有定义tick。试试这个...

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

<script type="text/javascript">
  var tick = $("#tick"); 
  success_failure(tick);
</script>

编辑:我还将脚本和代码的包含部分分开，以将其调用为两个单独的脚本标记。