<a>
标签用于创建超链接,但在这个 jQuery 和 Ajax 时代,我们使用它来将 HTML 加载到与标签<div>
相同的页面中的 s 中。<a>
也就是说,我们将href
属性设置为href="#"
,使用或滥用#
字符作为占位符以及一些不良副作用,例如 URL 被附加到#
字符中。
如果您将href
属性留空href = ""
,则链接似乎不起作用。
当用户将鼠标悬停在链接上时,是否可以以更简洁的方式执行此操作,例如在浏览器的状态栏中显示一些文本或虚拟功能,但让链接按照程序员的意图进行操作?
这是我的代码。
<ul id="sidebarmenu1">
// List that is converted into a menu...
<li> <a href="#" id="loadHotel" > HOTEL </a> </li>
<li> <a href="#" id="loadCountry"> COUNTRY </a> </li>
<li> <a href="#" id="loadCity"> CITY </a> </li>
</ul>
// The jQuery to load content into another div with Ajax
var loadUrl = "createHotel.php";
$("#loadHotel").click(function() {
$("#mainContent").html(ajax_load).load(loadUrl);
});
// ajax function to load hotel ---> rooms page
var url_loadRooms = "viewRooms.php";
$("#createRooms").click(function() {
$("#mainContent").html(ajax_load).load(url_loadRooms);
});
我还能用什么来代替"#"
使我的代码整洁..?