jQuery を使用して、メニュー ページにいくつかの単純なマウス イベントを接続しようとしています。Chrome と IE9 では美しく動作しますが、Safari では、マウスを動かすと一部の要素で強調表示が動かなくなります。ページが表示されている 3 つのブラウザを次に示します。スクリーンショットへのリンクを投稿することは許可されていないので、これを想像する必要があります. ごめん。
イベントを接続するコードは次のとおりです。
$(document).ready(function() {
$("#number").focus();
// We use td elements instead of anchors as the menu items. The ones we want to work with all have
// a custom attribute called url that stores the url template...
var linkCells = $("td[url]");
// Wire up the click handler for each link cell...
linkCells.click(function () {
Navigate($(this).attr('url'));
});
// Wire up mouse events for the link cells. We want to highlight the current cell and update
// the number label...
linkCells.bind('mouseenter mouseleave', function(e) {
var linkCell = $(this);
linkCell.toggleClass('linkOn');
if(e.type == 'mouseenter') {
$("#numberLabel").html('<b>' + linkCell.attr('numberLabel') + '</b>');
}
});
// Wire up the submit event in case the user presses the Enter key instead of clicking a link...
$("#Form1").submit(function() {
Navigate($("#lastLink").val());
return false;
});
});
Safari を他のブラウザと同じように動作させる特別なトリックはありますか?
ありがとう、
マシュー・マクファーランド