Try:
$(this).before('<p>'+$close.html()+'</p>');
Just note that $close is an actual jQuery object, so you can do
whatever jQuery stuff you want to it, such as attach events, append
text, etc.
On Apr 30, 9:33 am, st <s...@studio.ee> wrote:
> nope, when this function executes: $(this).before('<p>'+$close+'</
> p>');
> it gives: [object Object]
> :)
>
> On Apr 30, 10:18 pm, James <james.gp....@gmail.com> wrote:
>
> > Sorry. Maybe this:
>
> > function addtag() {
> > var $close = $('<b class="close">x</b>'); // wrap as
> > jquery object
> > $close.click(function() {
> > if (confirm('Are you sure you want to remove
> > this?')){
> > $(this).remove();
> > }
> > });
> > $(this).before('<p>'+$close+'</p>');
>
> > }
>
> > On Apr 30, 9:02 am, st <s...@studio.ee> wrote:
>
> > > The second method does not allow to assign a click to variable. I get
> > > an error.
> > > But hack-ish method at least works, thanks! :)
>
> > > On Apr 30, 9:55 pm, James <james.gp....@gmail.com> wrote:
>
> > > > That's because you are binding the event again to all existing
> > > > elements with class "close".
>
> > > > A real hack-ish workaround is doing:
> > > > $(".close").unbind("click").bind("click", function() { ...
> > > > (this unbind all the click and rebinds them again)
>
> > > > A more elegant solution is to bind it only to the element you're
> > > > creating (untested).
>
> > > > function addtag() {
> > > > var $close = '<b class="close">x</b>';
> > > > $close.click(function() {
> > > > if (confirm('Are you sure you want to remove
> > > > this?')){
> > > > $(this).remove();
> > > > }
> > > > });
> > > > $(this).before('<p>'+$close+'</p>');
>
> > > > }
>
> > > > On Apr 30, 7:24 am, st <s...@studio.ee> wrote:
>
> > > > > I add multiple items with each click and then I want to remove them
> > > > > one by one by clicking.
>
> > > > > All is ok, but if I add 2-3 items and the click the first one,
> > > > > confirmation alert fires multiple times when i click Cancel.
> > > > > The number of times depends on how many items goes after curent.
>
> > > > > Please help to fix that :)
>
> > > > > Code:
> > > > > -----------------------------
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
> > > > > TR/html4/strict.dtd">
> > > > > <html>
> > > > > <head>
> > > > > <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
> > > > > <title>test</title>
> > > > > <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
> > > > > libs/jquery/1.3/jquery.min.js"></script>
> > > > > <script type="text/javascript">
> > > > > <!--
> > > > > $(function() {
> > > > > function addtag() {
>
> > > > > $(this).before('<p><b class="close">x</b></p>');
>
> > > > > $(".close").click(function() {
> > > > > if (confirm('Are you sure you want to remove this?')){
> > > > > $(this).remove();
> > > > > }
> > > > > });
>
> > > > > }
> > > > > $(":button").click(addtag);});
>
> > > > > -->
> > > > > </script>
> > > > > <style type="text/css">
> > > > > <!--
> > > > > body { padding:30px; }
> > > > > div { width:30em; margin:0 auto; }
> > > > > p { margin:0 0 9px; }
> > > > > p b { text-decoration:underline; color:#06F; font-weight:400;
> > > > > cursor:pointer; }
> > > > > -->
> > > > > </style>
> > > > > </head>
> > > > > <body>
> > > > > <div>
>
> > > > > <input type="button" value="click">
>
> > > > > </div>
> > > > > </body>
> > > > > </html>- Hide quoted text -
>
> > > > - Show quoted text -- Hide quoted text -
>
> > - Show quoted text -
No comments:
Post a Comment