Нежелательная явная цель ссылки в кнопке JQuery UI

Question

Я определяю ссылку на домашнюю страницу в своем HTML-коде следующим образом:

<div id="hb"><a id="but_home" href="index.html">Home</a></div>

Я установил расположение кнопок и положение пользовательского интерфейса JQuery следующим образом:

$(thisPage.hash('hb')).button().css({
    width: 100,
    top:300,
    left:60,
    position:"absolute"
});

и я получаю:

Почему отображается (index.html) и как от него избавиться?И является ли вышеуказанный правильный способ создания кнопки пользовательского интерфейса JQuery?

Answer 1

Я нашел следующее решение (хотя я все еще не знаю, в чем причина проблемы):

<div id="hb">
    <form action="index.html"><input type="submit" id="but_hb" value="Home"></form>
</div>

...

$('#but_hb').button();
$('#hb').css({
    width: 100,
    top:300,
    left:60,
    position:"absolute"
});

Answer 2

Попробуйте упростить это.Я не совсем уверен, почему вы используете thisPage.hash (), однако, похоже, он не возвращает точно то, что вы ожидаете.Попробуйте просто использовать идентификатор выбора:

$('#hb').button().css({
    width: 100,
    top:300,
    left:60,
    position:"absolute"
});