External "header" toolbar ignores options - jQM 1.4

[Palestinian]

When appending/prepending an external header with options after page is initialized, $("[data-role=header]").toolbar("options", "addBackBtn"); returns true but back button doesn't appear in header. Even though there is a second page in DOM but not created yet.

Test on PC - Chrome Version 32.0.1700.76 m

JSFiddle

[gabrielschulhof]

To set an option you have to call $("[data-role=header]").toolbar("option", "addBackBtn", newValue);, where newValue can be true or false. The syntax you show is for retrieving the value of an option, not for assigning an option a new value.

Edit: The method name is "option", not "options".

[Palestinian]

@gabrielschulhof thank you for your fast reply. Kindly go through my code again, I've already assigned addBackBtn true.

$(pagecontainer).prepend($("<div/>", {
    "data-role": "header",
        "data-theme": "a"
    }).append($("<h1/>").text("Header")).toolbar({
      addBackBtn: true,
      backBtnText: "Home",
      position: "fixed"
    }) /* .toolbar("refresh") has no effect */ );

Edit: options was a typo :)

[Palestinian]

@gabrielschulhof

When I add option as attributes, I get the following error.

Uncaught TypeError: Cannot call method 'getAttribute' of undefined ------ line jquery.mobile-1.4.0.js:12509

$( ".selector" )
    .prepend( $( "<div/>" , {
    "data-role" : "header",
        "data-theme" : "a",
        "data-add-back-btn" : true,
        "data-back-btn-text" : "Home"
})
    .append( $( "<h1/>" )
    .text( "Header" ))
    .toolbar()
);

[Palestinian]

@gabrielschulhof I'm a jQM advocate; I'm here to assist. Unfortunately, I'm not a programmer and I have a minimal experience in Javascript, otherwise I'd have fixed it myself.

[twilly86]

Any update on this? I'm also running into this issue. I was hoping to get a bit of a performance bump from using external headers and panels, but I need this to work in order to upgrade to 1.4.

[Palestinian]

@twilly86 we will have to wait ;)

[arschmitz]

This only effects the addBackButton option this currently does not work with external toolbars all other options work fine in external toolbars the addBackButton this will be fixed in the next release please see #7188