Javascript jquery on click no working on EDIT按钮

我正在开发CMS。问题是jquery在单击“编辑”按钮时不工作。代码对我来说似乎很好，但我不明白它为什么不起作用。它正在“添加”按钮上工作

JS

HTML

---

注意：-我使用的是jQuery 1.11.3

您只能使用一次ID，因为它必须使用一次。

问题的发生是因为相同的ID

替换

$('.edit').on('click',function()

与

---

相同的ID只为我们提供不起作用的代码。你的页面上有重复的id，这不会像你期望的那样工作。确保所有id都是唯一的。我在列表上有两个横幅。每个横幅代码从开始，我也提到了var id=this.id；在onClick中，它不正常吗？您必须迭代id值，或者根本不使用它们。你在问一个不同问题的答案。如果你想这样做，请发布另一个问题，显示创建id的代码。每个横幅我有两个类。编辑和第二个是删除你能提到我在哪里使用了两次ID吗？这是一个正在发生的问题？@Hassaan你有两个ID=1的东西和两个ID=2的东西。您必须使用唯一id。@JayBlanchard我在列表中有两个横幅。每个横幅代码从开始，我也提到了var id=this.id；在onClick中，这样不好吗？

<div class="banner-row1">
    <div class="banner-row-pic">
        <img src="http://localhost/cms-basic/assets/_admin/images/pic.png" alt="pic1" />
    </div>
    <div class="banner-row-text">
        <h2>Latest News</h2>
        <p>Every news is important</p>
        <p class="text-muted">
            <small>
            Keyword: news<br />
            Placement: others<br />
            Location: Homepage<br />
            Link: <a href="http://pakhotline.com">http://pakhotline.com</a>
            </small>
        </p>
    </div>
    <div class="banner-row-edit">
        <a class="edit" id="2" href="javascript:void(0);">
            <img src="http://localhost/cms-basic/assets/_admin/images/edit.png" />
        </a>
        <a class="delete" id="2" href="javascript:void(0);">
            <img src="http://localhost/cms-basic/assets/_admin/images/delet.png" />
        </a>
    </div>
    <div class="clr"></div>
</div>


<div class="banner-row1">
    <div class="banner-row-pic">
        <img src="http://localhost/cms-basic/assets/_admin/images/pic.png" alt="pic1" />
    </div>
    <div class="banner-row-text">
        <h2>title</h2>
        <p>description</p>
        <p class="text-muted">
            <small>
            Keyword: keyword<br />
            Placement: Bottom<br />
            Location: static_page<br />
            Link: <a href="link">link</a>
            </small>
        </p>
    </div>
    <div class="banner-row-edit">
        <a class="edit" id="1" href="javascript:void(0);">
            <img src="http://localhost/cms-basic/assets/_admin/images/edit.png" />
        </a>
        <a class="delete" id="1" href="javascript:void(0);">
            <img src="http://localhost/cms-basic/assets/_admin/images/delet.png" />
        </a>
    </div>
    <div class="clr"></div>
</div>

$('.edit').on('click',function()

$(document).on('click', '.edit', function()