<分区>
<a>
标签用于创建超链接,但在这个 jQuery 和 Ajax 时代,我们使用它来将 HTML 加载到 <div>
中。与 <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);
});
我还能用什么代替 "#"
使我的代码整洁..?