Question

我的问题是脚本没有工作onclick或mousedown。有一段时间工作但我等了大约5秒（就像脚本需要很长时间才能加载）。

我的脚本顺序索引，我也在使用ajax。

<html>
<head>
    <meta charset="utf-8"/>
    <title> CV</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">

    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">       
</head>
<body>
<header>
 <a href="#home" class="logo" data-scroll>#Antonis</a> 
  <nav class="nav-collapse">
    <ul>
      <li class="menu-item"><a href="#home" data-scroll>Home</a></li>
      <li class="menu-item"><a href="#projects" data-scroll>Projects</a></li>
      <li class="menu-item"><a href="#skills" data-scroll>Skills</a></li>
      <li class="menu-item"><a href="#contact" data-scroll>Contact</a></li>
      <li class="menu-item"><a href="image/bg1.jpg" download="proposed_file_name" data-scroll><span><i class="fa fa-cloud-download" aria-hidden="true"></i><span>CV</a></li> 
    </ul>
  </nav>
</header>


    <div id="view"></div

    <!-- default !-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="js/routes.js"></script>
    <script src="js/app.js"></script>
    <script src="js/onclick.js"></script>

    <!-- Nav bar !-->
    <script src="js/responsive-nav.js"></script>
    <script src="js/fastclick.js"></script>
    <script src="js/scroll.js"></script>
    <script src="js/fixed-responsive-nav.js"></script>


</body>

$(document).ready(function(){ $("#projects_view").on('click', ".container", function() { $(".myframe").addClass(".active"); });})

或 $(".container").click(function(){ $(".myframe").toggle("slow"); });

和带iframe的html显示：无，在css我有一个类

。主动{显示：块;}

<div id="projects_view">

<div class="title"><a>Projects</a></div>
    <?php
                                while($record=mysqli_fetch_assoc($projects_recordset)){
                            ?>
        <div class="container col33">
            <img src="./image/projects/project_<?=$record['projects_id']?>.png" alt="preview" class="image">
                <div class="overlay">
                    <div class="text">
                        <p class="project-name"><?=$record['projects_name']?></p>
                        <p class="project-tag"><?=$record['projects_tag']?></p>
                    </div>
                </div>
        </div>
        <?php
            }
            ?>

Answer 1

我看到的第一个错误是第一行HTML中的HTML结构错误。您已打开<div而没有结束>，您打开另一个div。

其次，您没有添加课程active，但是您要添加课程.active，这可能是您的iframe没有展示的原因。

尝试缩进代码，使其更具可读性，并且更容易发现错误。

所以改变

$(".myframe").addClass(".active");

到

$(".myframe").addClass("active");

修改

我已将您的代码放入jsfiddle：https://jsfiddle.net/25pshb1w/

这对我有用。

Answer 2

问题就这样解决了！

$(document).on('click', ".container", function() {
    $(".myframe").addClass(".active");

＆＃39;因为文件准备好了，带有类容器的元素加载！谢谢你＆＃39;

使用jquery

2 个答案:

修改