如何使用 jquery 和 html 制作嵌入代码？

Question

我喜欢创建一个链接图像，一旦用户在他的网站上单击该图像图标，我需要弹出我的反馈窗口。如何通过嵌入代码提供图像链接图标（功能是单击图像图标后弹出窗口会打开我的反馈页面）

现在我正在使用（示例代码）...

<div>
<link href="thickbox.css" rel="stylesheet" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>
<a id="feedback" onclick="tb_show('Feedback', 'http://myfeedbackpage.com/&keepThis=true&TB_iframe=1&width=1000&height=400&model=true');" href="javascript: void(0);"><img src="feedback.jpg" width="29" height="31" alt="feedback" style="vertical-align:bottom" /></a>
</div>

我使用厚框弹出。 帮助我如何将这些代码简化为嵌入代码

Answer 1

我想您是在问如何将您的 onclick 属性移动到单独的文件中。首先，将 HTML 更改为：

<a id="feedback" href="#"><img src="feedback.jpg" width="29" height="31" alt="feedback" style="vertical-align:bottom" /></a>

然后在你的 JavaScript 文件中写入：

$(document).ready(function() {
    $("#feedback").click(function() {
        tb_show('Feedback', 'http://myfeedbackpage.com/&keepThis=true&TB_iframe=1&width=1000&height=400&model=true');
    });
});