JQuery формы и ссылки

Question

Так что я хотел сделать несколько симпатичных кнопок вроде http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html и все работает нормально. Я хотел, чтобы мои формы можно было отправлять с помощью этих сексуальных кнопок.

Итак, я начал использовать jQuery для обработки всех моих действий «а» щелчка.

$(document).ready(function() {
$("a").click(function() {
        alert("a");
        var a = $(this);
        var id = a.attr("id");
        switch (id) {
            case "formSubmit":
                a.parents("form:first").submit();
                return false;
});

еще один вопрос ... Как сделать так, чтобы код выше выделился в javascript? или любой код, как форматирование? Извините за дерьмовые пробелы, второй я узнаю, как, я буду редактировать его.

Я отвлекся и забыл задать оригинальный вопрос. Теперь с jQuery легко добавлять новую информацию через $ .post и другую информацию. КАК добавить новую ссылку href, чтобы $("a").click ее перехватил?

Answer 1

Используйте обработчик .live() для обработки кликов по новым и будущим элементам, заменив это:

$("a").click(function() {

С этим:

$("a").live("click", function() {

Таким образом, обработчик на document прослушивает щелчки от <a> элементов, чтобы всплыть ... что происходит для текущих и новых элементов.

Answer 2

.click() привязывает ваш обработчик только к уже существующим элементам. Чтобы связать любые элементы, существуют ли они сейчас или будут существовать позже, вы можете использовать .live() или .delegate(). Для простоты мы будем использовать .live(). Первый параметр .live() - это строка, событие, с которым вы хотите связать свой обработчик. Второй параметр - это ваша функция-обработчик.

Просто измените то, что у вас есть, на что-то вроде:

$(document).ready(function() {
  $("a").live("click", function() {
  alert("a");
  var a = $(this);
  var id = a.attr("id");
  switch (id) {
   case "formSubmit":
   a.parents("form:first").submit();
  return false;
});