jQuery After () метод не работает с атрибутом id? - PullRequest
Новая
       28

jQuery After () метод не работает с атрибутом id?

2 голосов
/ 01 ноября 2010

Код ниже работает нормально. Но если я изменил HTML-строку в newPara () на <textarea></textarea><button id="someId">Save</button> или <textarea></textarea><input type="button" value="Save"/>, это не работает. В чем проблема в этом?

Мне нужен этот атрибут id, чтобы удалить вновь прикрепленный HTML.

Любые предложения!

Спасибо! 

<html>
  <head>
    <style>
      p { background:yellow; font-weight:bold; cursor:pointer; padding:5px; }
      p.over { background: #ccc; }
      span { color:red; }
    </style>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  </head>
  <body>
    <div id="aDiv">
      <p>Click me!</p>
    </div>

    <span></span>
    <script>
      $("body").delegate("p", "click", newPara);
      $("body").undelegate("button", "click", newPara).find("#adiv").html("<p>Click me!</p>");
      function newPara() {
        var html = "<textarea></textarea><button>Save</button>";
        $(this).after(html);
      }
    </script>
  </body>
</html>

Ответы [ 2 ]

1 голос
/ 01 ноября 2010

Моим единственным предположением будет то, что вы используете двойные кавычки для создания строкового литерала, но также используете их внутри строки, поэтому завершаете его рано.

Если это так, это: 

"<textarea></textarea><button id="someId">Save</button>"

должно быть: 

'<textarea></textarea><button id="someId">Save</button>'

Обратите внимание, что я использовал одинарные кавычки снаружи, чтобы внутренние не закрывали строку.

Попробуйте это: http://jsfiddle.net/QQrHr/

В примере используется ваш точный код.Единственное изменение, которое я сделал, - это использование одинарных кавычек вокруг строки.

Вы также можете избежать внутренних кавычек, если хотите: 

"<textarea></textarea><button id=\"someId\">Save</button>"
1 голос
/ 01 ноября 2010

Вы ищете приложение, а не после?Или даже http://api.jquery.com/insertAfter/?

...