Fügen Sie die Jquery ui button dynamisch

Ich habe eine javascript-Funktion, die entfernt die vorhandenen Tasten und fügt neue hinzu, statt.

Hier ist der code:

 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);
 }

Gibt es eine Möglichkeit zum hinzufügen von jquery ui button dynamisch:

wie:

divName.add("button");

Es hat nicht funktioniert...

Das hat nicht funktioniert
Das hat nicht funktioniert.
Die Schaltfläche wird nicht angezeigt, mit dieser Aussage. Mindestens ein leer-Taste oder ein Zeichen davon angezeigt werden muss...
Das gleiche problem.. einen normalen button

InformationsquelleAutor Kut | 2010-12-04

  1. 19

    Hinzufügen eines jQuery-UI-button mit Hilfe von jQuery:

    $('#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
    Mit jQuery auf "ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" .Taste() sollte nicht verwendet werden. Entfernen, es funktionierte.
    Hmm .Taste() kommt aus jQuery UI, kein jQuery-core, also nicht sicher, was ist verantwortlich für den Unterschied, den Sie sehen.

    InformationsquelleAutor Richard

  2. 2

    Ziemlich sicher, dass Sie können Taste jede Eingabe mit jQuery-UI durch den Aufruf button()

    var element = document.createElement("input").button();
    vielleicht statt der remove() rufen Sie replaceWith("was-Sie-was-Sie-Ihre-Taste-zu-sein").Taste()
    diese Holen mich ein: "Uncaught TypeError: Object #<HTMLButtonElement> hat keine Methode 'button'

    InformationsquelleAutor hellodally

  3. 2

    Ich gerade erstellt eine Schaltfläche, die dynamisch mit den folgenden code. Der wichtigste Teil ist .Taste () - Teil, und es scheint zu funktionieren gut für mich.

    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");

    InformationsquelleAutor Mr. EZEKIEL

  4. 1

    Dieser code war für mich

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

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

    Ich mag diese Antwort, weil es nur jQuery verwendet und nicht jQuery-UI

    InformationsquelleAutor user3447136

  5. 1

    Denke ich @Stony war in der Nähe, außer die .button() und .click() Methoden wurden Hinzugefügt, um die ursprüngliche selector-element, nicht der eigentliche button. Erstellen Sie eine id für die Schaltfläche und wählen Sie dann die Schaltfläche, und rufen Sie button().click().

    Dies ist wahrscheinlich verursacht irgendeine Art von Ausnahme, die mit dem Aufruf button() so kommentiert unter diesem post.

    InformationsquelleAutor joe conery

  6. 0

    Ninja UI funktioniert auf diese Weise standardmäßig, ohne das eindringen in HTML -, wird außer Kraft gesetzt.

    Können Sie erstellen, die Schaltfläche als eine variable vor dem DOM ist auch fertig.

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

    Wenn der DOM fertig ist, fügen Sie, wo immer Sie möchten, die Taste zu gehen.

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

    InformationsquelleAutor Jamie

  7. 0

    Habe ich von @Stony und es funktionierte für mich.

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

    InformationsquelleAutor Lab Tipp

Schreibe einen Kommentar