我有这段代码，其中有 3 个链接，但是当我单击链接时，在 Firefox 的页脚栏上，显示链接，但不打开链接。如果点击鼠标滚轮，打开页面。鼠标的sx按钮在其他网站或windows功能上工作正常。
<head>
<link href="tooltip/documentation.css" rel="stylesheet" />
<link href="tooltip/jquery.toolbars.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Lustria" rel="stylesheet" type="text/css">
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none !important;
}
.tool-container.tool-top {
border-bottom: none;
}
</style>
<![endif]-->
<link href="tooltip/bootstrap.icons.css" rel="stylesheet">
<link href="tooltip/prettify.css" rel="stylesheet">
<link href="tooltip/sunburst.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="tooltip/prettify.js"></script>
<script src="tooltip/jquery.toolbar.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
// Define any icon actions before calling the toolbar
$('.toolbar-icons a').on('click', function( event ) {
event.preventDefault();
});
$('.settings-button').toolbar({content: '#user-options', position: 'bottom'});
$('#normal-button').toolbar({content: '#user-options', position: 'top'});
$('.normal-button-bottom').toolbar({content: '#user-options', position: 'bottom'});
$('.normal-button-small').toolbar({content: '#user-options-small', position: 'top', hideOnClick: true});
$('#button-left').toolbar({content: '#user-options', position: 'left'});
$('#button-right').toolbar({content: '#user-options', position: 'right'});
$('#link-toolbar').toolbar({content: '#user-options', position: 'top' });
});
</script>
</head>
</head>
<body onload="prettyPrint()">
<div id="normal-button-bottom" class="settings-button"> <img src="tooltip/icon-cog-small.png" /> </div>
<br><br>
<div id="normal-button-bottom" class="settings-button"> <img src="tooltip/icon-cog-small.png" /> </div>
<div id="user-options-small" class="toolbar-icons" style="display: none;">
<a href>
<i class="icon-align-left"></i>
</a>
<a href>
<i class="icon-align-center"></i>
</a>
<a href>
<i class="icon-align-right"></i>
</a>
</div>
<div id="user-options" class="toolbar-icons" style="display: none;">
<a href="http://google.it">
<i class="icon-user"></i>
</a>
<a href="http://yahoo.it">
<i class="icon-star"></i>
</a>
<a href="http://www.tiscali.it">
<i class="icon-edit"></i>
</a>
<a href="#">
<i class="icon-trash"></i>
</a>
<a href="#">
<i class="icon-ban-circle"></i>
</a>
</div>
</body>
</html>
链接如何工作？
谢谢
最佳答案
jQuery(document).ready(function ($) {
// Define any icon actions before calling the toolbar
$('.toolbar-icons a').on('click', function (event) {
event.preventDefault();
});
$('.settings-button').toolbar({
content: '#user-options',
position: 'bottom',
});
$('.settings-button').on('toolbarItemClick', function (e, el) {
if (el.href) window.location.href = el.href;
});
});
用它代替
关于javascript - Jquery 插件 -toolbar.js > 链接不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25695664/