单击某些文本时如何制作弹出屏幕

Question

我在Dealership网站上工作。我是Jquery和HTML的新手。 其实问题是我有网页 http://prospectingdesk.com/demo/index.html 在这个页面你可以上下移动的报价 如果单击它，将会出现一个弹出窗口。

如果你去那个页面的NewVehicle页面会有很多车清单

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

问题是我的经理告诉不要触摸代码的正文。 我们为弹出窗口创建的新代码将仅添加在Header部分中。

该引用代码必须是动态的。 如果我复制代码粘贴在任何其他网站上，报价必须工作

请帮我解释如何做这个朋友。

Answer 1

你能更清楚一点吗？根据我的理解，你需要通过id或class获取该元素，然后附加click事件并写下你想要的任何内容。 我们假设引用按钮有id＆quot; quoteBtn＆＃39;那么你的代码将是这样的。

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