Jqueryボタンを動的に追加する

Question

私は、既存のボタンを削除して新しいボタンを追加するjavascript機能を持っています。ここで

はコードです：

function FunctionName(){ 
    ("button").remove(); 
    // This works fine. 
    //but however, with the following add code, I don;t get a jquery ui button. 
    var element = document.createElement("input"); 
    element.setAttribute("type","button"); 
    // other code 
    divName = get <div> by ID; 
    divName.appendChiled(element); 
} 

は、動的にjqueryのUIボタンを追加する方法はあります：

のように：

divName.add("button");

それは動作しませんでした...

Answer 1

jQuを使用して任意の入力をボタンできることを確かめてください

$('#selector') // Replace this selector with one suitable for you 
    .append('<input type="button" value="My button">') // Create the element 
    .button() // Ask jQuery UI to buttonize it 
    .click(function(){ alert('I was clicked!');}); // Add a click handler 

Answer 2

を呼び出すことによってERY-UI。

DOMを準備する前に、変数としてボタンを作成することができます。

var $button = $.ninja.button({ 
    html: 'Post Your Answer' 
}).select(function() { 
    // Your action here. 
}); 

DOMが準備完了したら、ボタンを移動する場所を追加します。

$('body').append($button); 

Answer 3

Ninja UIは上書きされますHTMLにハッキングすることなく、デフォルトでこのように動作します：jQueryのを使用してjQueryのUIのボタンを追加するにはbutton()

var element = document.createElement("input").button(); 

Answer 4

私は、次のコードで動的にボタンを作成しました。重要な部分は.button（）部分です。それは私のためにうまくいくようです。

var self = this; 
var exitButton = $(document.createElement("a")); 
exitButton.attr({ 
    'href': '#', 
    'id': 'exitSlideshowButton', 
}); 
exitButton.click(function(event){ 
    event.preventDefault(); 
    self.exitSlideshow(); 
}); 
exitButton.text("Exit Slideshow Mode") 
exitButton.button(); 
exitButton.appendTo("body"); 

Answer 5

このコードは私のため

$('#selector').append('<input type="button" value="My button">');

$('#selector').click(function(){ alert('I was clicked!');});

Answer 6

を働いていた私は@Stonyは、.button()と.click()方法は、元のセレクタ要素に追加されたことを除いて、近くにはなかったと思います実際のボタン。ボタンのIDを作成し、そのボタンを選択してbutton().click()を呼び出す必要があります。

これはおそらくbutton()への呼び出しで何らかの例外を引き起こしている可能性があります。

Answer 7

@Stonyから申し込みを受けてくれました。

function addMyButton(btID){ 
    var temp = "<button id='" + btID + "'>My Button</button>"; 
    $("#selector").html(temp); 
    $("#" + btID) 
     .button() 
     .click(function(){ 
      alert("I was clicked!"); 
     }); 
}