Redonner le style jQuery a un bouton après un append

Version imprimable

Bonjour a tous, j'utilise pour un de mes boutons, le style de bouton jQuery.
Mon souci c'est que je suis suis obliger de le régénère (empty /append) pour qu'il change de valeur quand mon select change, mais mon bouton ne prend plus le style jQuery.

J'ai essayer avec un id et une class mais sa ne change rien, je pense que c'est parc'que le bouton est généré par après, je ne voie pas comment faire pour palier a ce problème....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
$(function() {
             // button style jquery
	     $("#btn_search_noir_Trans").button();
 
        //update select
    	$("select").change(function ()
    		{
        	$.get(
            	"{% url project.imag.ajax.update_select %}",
            	$(".select-album-form").serialize(),
            	function (data)
            		{
                	/*refresh button view album*/
			div_button_view = $("#button_view");
                	div_button_view.empty();
			div_button = "<a href='http://127.0.0.1:8000/imag/album/"+data.album_id+"/edit' title='Visualiser l&rsquo;album' id='btn_search_noir_Trans'>Visualiser l&rsquo;album</a>";
                   	div_button_view.append(div_button);
                        }
        	  );  
    	     });
          });

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<div id="contentRightMenuForm">
     <form action="{% url project.imag.ajax.update_select %}" class="select-album-form" name="select-album-form" method="get">
          <select id="select_album" name="collection">
          {% for album in list_album %}
                 <option id="select_ajax" value="{{ album.id }}" {% ifequal selected_album.id album.id %}selected="selected"{% endifequal %}>{{ album.name }}</option>
          {% endfor %}
          </select>
     </form>
 
     <div id="button_view">
 
	  <input onClick="window.location.href='{% url project.imag.views.edit_album selected_album.id%}';" style="font-size:11px;" id="btn_search_noir_Trans" type="submit" value="Visualiser l&rsquo;album" />  
 
     </div>
 
</div>

Merci d'avance !!! ;)

04/11/2010, 10h15
SpaceFrog

regarde du coté de live() ?

Je dois mal m'y prendre, j'ai lu qu'il n'acceptai pas le paramètre change alors je l'ai changer en click, mais sa ne fonctionne pas....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
$(function() {
             // button style jquery
	     $("#btn_search_noir_Trans").button();
 
        //update select
    	$("select").live("click", function ()
    		{
        	$.get(
            	"{% url project.imag.ajax.update_select %}",
            	$(".select-album-form").serialize(),
            	function (data)
            		{
                	/*refresh button view album*/
			div_button_view = $("#button_view");
                	div_button_view.empty();
			div_button = "<a href='http://127.0.0.1:8000/imag/album/"+data.album_id+"/edit' title='Visualiser l&rsquo;album' id='btn_search_noir_Trans'>Visualiser l&rsquo;album</a>";
                   	div_button_view.append(div_button);
                        }
        	  );  
    	     });
          });

[Edit 11:19] j'ai résolu mon problème en récrivant juste l'attribut href :

Code:

1
2
3
4
function (data)
{
    $("#btn_search_noir_Trans").attr('href','http://127.0.0.1:8000/imag/album/'+data.album_id+'/edit');
}

Par contre, si quelqu'un trouve pourquoi l'évènement live() ne marchais pas comme je l'ai utiliser, je suis intéresser, sa peux toujours servir !!!

Merci ! ;)