我想点击一个 div 并根据链接（动态）进入一个带有不同图像的新页面

Question

我有这个 div

<div class="mark1">
        <img src="images/mark1.png">            
    </div>
<div class="mark2">
        <img src="images/mark1.png">
</div>

当他点击 div 时我运行这个 jquery

jQuery(document).ready(function($){

$('.mark1').on({
     'click': function(){
        window.location.href='reservations.html';
     }
 });
 
 $('.mark2').on({
    'click': function(){
       window.location.href='reservations.html';
    }
});

我如何添加一个 jquery 根据用户单击的标记在顶部获取不同的图像（在同一页面动态）

Answer 1

您可以使用一个 javascript function 并在不同的 div 中调用此 function。 我认为这个解决方案对你来说是最简单的。

<div class="mark1" onclick="openwindow();">
    <img src="images/mark1.png">            
</div>
<div class="mark2" onclick="openwindow();">
    <img src="images/mark1.png">
</div>

function openwindow(){
  window.location.href='reservations.html';
}