Как сделать код для вставки, используя 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');
    });
});