Question

我有两个页面，它们都有一个用作关闭按钮的图像。这是HTML代码：

<div id="bioPage">
    <img id="closeBtn" src="Images/CloseButton.png" alt="Close Button" />
</div>
<div id="skillsPage">
    <img id="closeBtn" src="Images/CloseButton.png" alt="Close Button" />
</div>

＆安培;我想编写一个代码，只需单击其中的关闭按钮关闭页面。所以我写了这个：

$('#closeBtn').click(function() {
    var parentDiv = $(this).parents('div:first');
    parentDiv.css('left', '-100%');
    $('nav').animate({
        'left': '0px'
    }, 500);        
});

但它适用于First Page＆amp;单击“关闭”按钮时，第二页不会关闭。

Answer 1

这是预期的行为。 HTML中的标识符必须是唯一的。您可以使用带有元素的公共类，然后轻松使用Class Selector (“.class”)

HTML 的

<img class="closeBtn" src="Images/CloseButton.png" alt="Close Button" />

脚本

$('.closeBtn').click(function() {
});

Answer 2

你可以使用这样的东西

$('[id="closeBtn"]').click(function(){
//function here
});

Answer 3

DOM中每个元素的ID都应该是唯一的。但是在这里，“closeBtn”Id被使用了两次（对于两个关闭按钮元素）。所以你应该提供“closeBtn”作为类，而不是Id。

父母方法不适用于关闭两页

3 个答案: