JQuery UI Button swallows span

Question

I have the following markup:

<div class="scheduleNav">
    <a id="btnPrevDate" href="#" class="ui-button-icon-only" />
    <span id="currentDate">???</span>
    <a id="btnNextDate" href="#" class="ui-button-icon-only" />
</div>

And the following javascript:

var rightNow = new Date(); //   Default to today
var dd = rightNow.getDate();
var mm = rightNow.getMonth() + 1;
var yyyy = rightNow.getFullYear();
if (dd < 10) { dd = '0' + dd; }
if (mm < 10) { mm = '0' + mm; }
var today = (mm + "/" + dd + "/" + yyyy);
var prev = $('#btnPrevDate').button({ icons: { primary: "ui-icon-seek-prev"} });
var next = $('#btnNextDate').button({ icons: { primary: "ui-icon-seek-next"} });
var currentDate = $('#currentDate');
currentDate.text(today);

The jsbin is here: http://jsbin.com/AgiSICE/1/edit?html,js,output

How can I prevent the first anchor from swallowing the span?

The example you provided has multiple errors...

Dom
– Dom

2013-10-29 22:02:11 +00:00
Commented Oct 29, 2013 at 22:02 — Dom
– Dom, Commented Oct 29, 2013 at 22:02

SpoonIsBad · Accepted Answer · 2013-10-29 22:01:37Z

1

When I closed your first anchor by adding instead of it worked for me.

answered Oct 29, 2013 at 22:01

SpoonIsBad

1875 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SpoonIsBad Over a year ago

sorry, <a></a> vs <a blah blah /> here's a jsbin link jsbin.com/eYITEZo/1/edit

Mike Cheel Over a year ago

Any explanation on that btw? Why using the closed version of the element doesn't work?

Collectives™ on Stack Overflow

JQuery UI Button swallows span

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related