javascript - 当我们点击某些文本时如何制作弹出屏幕

Question

我在经销商网站上工作。我是 Jquery 和 HTML 的新手。 其实问题是我有网页 http://prospectingdesk.com/demo/index.html 在此页面中，您可以引用上下移动的报价 如果您单击它，您将看到一个弹出窗口。

如果你在那个页面去NewVehicle页面会有那么多的汽车列表

我的要求是，如果我单击出现在每辆汽车列表中的 Vin Number，它将导航到下一页。但在此之前，我需要获得一个与主页中出现的相同的弹出窗口。

问题是我的经理告诉我不要碰代码的主体。 我们为弹出窗口创建的新代码似乎只会添加到页眉部分。

该引用代码必须是 Dynamic 。 如果我复制代码粘贴到任何其他网站，引用必须有效

请 friend 们帮我看看怎么做。

Answer 1

你能再澄清一下吗？根据我的理解，您需要通过 id 或 class 获取该元素，然后附加点击事件并编写您想要的任何内容。 假设报价按钮的 ID 为“quoteBtn”，那么您的代码将如下所示。

var quoteBtn = document.getElementById('quoteBtn');
quoteBtn.addEventListener('click', function() {
    /*code for pop up open goes here*/
}, true);