Question

当我点击链接时，我想添加课程不工作我想做（div模式）

代码php / html

 <?php if(isset($_GET['ido']) )
     {
    ?>
  <div id ="modal" class="modal" style="background: blue; width: 100%; 
     height: 180%">
    <div class="modal2" >

     </div>
   </div>
   <?php 
   }
      ?>
<div id="no" class="no" style="width: 100%;height: 300%;background: #000">
    <div class="nolink" style="width: 50%;height: 50%;margin: 0 auto ; background: #fff">
        <span> 
            <a href="?ido=22" id="link">link </a>
         </span>

    </div>

</div>

代码javascript

    <script type="text/javascript">

    document.getElementById('link').onclick = function(){
        document.getElementById('modal').classList.add('new') ; 
    };

</script>

当我点击链接时，我想添加课程不工作我想做（div模式）

Answer 1

如果你想在点击时添加新类，你应该删除php条件并在onClick函数中添加'return false'

类似这样的事：https://codepen.io/tuzov/pen/OQWJzB

document.getElementById('link').onclick = function(){
  document.getElementById('modal').classList.add('new') ; 
  return false;
};

.modal {
  display:none;
}
.modal.new {
  display:block;
}

<div id ="modal" class="modal" style="background: blue; width: 100%; 
     height: 180%">
    <div class="modal2" >
123
     </div>
   </div>

<div id="no" class="no" style="width: 100%;height: 300%;background: #000">
    <div class="nolink" style="width: 50%;height: 50%;margin: 0 auto ; background: #fff">
        <span> 
            <a href="?ido=22" id="link">link </a>
         </span>

    </div>

</div>

Answer 2

 <a href="?ido=22" id="link">link </a>

你的代码很好。这里的问题是链接中的href（？ido = 22）。尝试用其他选项替换它。和

<script type="text/javascript">

document.getElementById('link').onclick = function(){
    document.getElementById('modal').classList.add('new') ; 
};

如果你使用return false inside click函数你的链接将无法正常工作。请注意这一点。

点击链接后javascript无法正常工作

2 个答案: