如何修复此javascript函数以修复错误消息_Javascript_Jquery

如何修复此javascript函数以修复错误消息

javascript jquery

如何修复此javascript函数以修复错误消息,javascript,jquery,Javascript,Jquery,我试图使用暗盒，但遇到了一个我不理解的错误。当页面加载或刷新时，我会显示一个随机图像。这部分工作正常，出现不同的图像。但是，Safari上的错误控制台报告“找不到变量：$，当我单击图像时，什么也没有发生。”。所讨论的行位于脚本末尾附近的$（document）.ready（function（）中这是我的代码。我不太擅长javascript，所以如果答案对其他人来说是显而易见的，我并不感到惊讶。很抱歉代码格式不好 <?php $imageList = array(); fore

我试图使用暗盒，但遇到了一个我不理解的错误。当页面加载或刷新时，我会显示一个随机图像。这部分工作正常，出现不同的图像。但是，Safari上的错误控制台报告“找不到变量：$，当我单击图像时，什么也没有发生。”。所讨论的行位于脚本末尾附近的$（document）.ready（function（）中

这是我的代码。我不太擅长javascript，所以如果答案对其他人来说是显而易见的，我并不感到惊讶。很抱歉代码格式不好

<?php
  $imageList = array(); 
  foreach(glob('randomimages/*.*') as $file) {
    $imageList[] = $file;
  }
  $image = $imageList[array_rand($imageList)];      
?>

<img src="<?php echo $image?>" id="darkboximg" data-darkbox="randomimages/<?php echo $image?>">  
<div id="darkboximg" style="width:100%"></div>
  <script>
    $(document).ready(function(){
      $("#darkboximg").load("$image");
    });
  </script>
</div>


“id=“darkboximg”数据darkbox=“randomimages/”>
$（文档）.ready（函数（）{
$（“#暗箱操作”）.load（“$image”）；
});

$不是javascript变量。$是Jquery的别名。因此在脚本之前添加Jquery。

确保添加了Jquery

在<代码>$（“#暗氧化”）.load（“$image”）；中应为<代码>$（“#暗氧化”）.load（）；

请尝试以下操作：

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
  <?php
    $imageList = array(); 
    foreach(glob('randomimages/*.*') as $file) {
        $imageList[] = $file;
    }
    $image = $imageList[array_rand($imageList)];  
  ?>
  <img src="<?php echo $image?>" id="darkboximg" data-darkbox="randomimages/<?php echo $image?>">

  <div id="darkboximg" style="width:100%"></div>
  <script>
    $(document).ready(function(){
      $("#darkboximg").load( <?php echo '"' . $image . '"' ?>);
    });
  </script>
</body>
</html>


“id=“darkboximg”数据darkbox=“randomimages/”>
$（文档）.ready（函数（）{
$（“#暗箱操作”）.load（）；
});


var图像=；
“id=“darkboximg”数据darkbox=“randomimages/”>
$（文档）.ready（函数（）{
$（“#暗色”）加载（图像）；
});
`在这里输入代码`

感谢那些提供答案的人。问题就在眼前

<img src="<?php echo $image?>" id="darkboximg" data-darkbox="randomimages/<?php echo $image?>">

“id=“darkboximg”数据darkbox=“randominimages/”>

改成

<img src="<?php echo $image?>" id="darkboximg" data-darkbox="<?php echo $image?>">

“id=“darkboximg”数据darkbox=”“>

现在它开始工作了。

你注入了jquery库了吗？你的jquery代码似乎已经过时了。你通过PHP获得了随机文件。因此你可以完全删除

脚本的部分。
<img src="<?php echo $image?>" id="darkboximg" data-darkbox="<?php echo $image?>">