0 レビュー
3 回答
php-2つの異なるJavaScriptホバーを呼び出す方法は？
divをポップアップするスクリプト（ホバー関数）があります。そして、「トリガー」IDを呼び出したときに機能します。問題は、別のdivをポップアップする別のホバー関数を追加しようとすると、2番目のホバーが機能しないことです。
<script type="text/javascript">
$(document).ready(function(){
var moveLeft = 20;
var moveDown = 10;
$('a#trigger').hover(function(e) {
$('div#pop-up').show();
}, function() {
$('div#pop-up').hide();
});
$('a#trigger').mousemove(function(e) {
$("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
});
});
</script>
ホバー関数を追加して別のdivを呼び出す場合のコードは次のとおりです。
<script type="text/javascript">
$(document).ready(function(){
var moveLeft = 20;
var moveDown = 10;
$('a#secondTrigger').hover(function(e) {
$('div#secondPop-up').show();
}, function() {
$('div#secondPop-up').hide();
});
$('a#secondTrigger').mousemove(function(e) {
$("div#secondPop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
});
});
</script>
#secondTriggerを呼び出すと、機能しません。コードで何を変更する必要がありますか。助けてください。ありがとうございます！
わからない
0
レビュー
答え :
解決策：
これを試してください
$(document).on('mousemove','a#secondTrigger',function(e) {
$("div#secondPop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
});
わからない
0
レビュー
答え :
解決策：
シーケンスまたは構文に問題がある可能性があります。 私がチェックして正常に機能したこのコードを試してください：
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var moveLeft = 20;
var moveDown = 10;
$('a#trigger').hover(function(e) {
$('div#pop-up').show();
}, function() {
$('div#pop-up').hide();
});
$('a#trigger').mousemove(function(e) {
$("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
});
$('div#pop-up').hide();
$('div#secondPop-up').hide();
});
</script>
<script type="text/javascript">
$(document).ready(function () {
var moveLeft = 20;
var moveDown = 10;
$('a#secondTrigger').hover(function (e) {
$('div#secondPop-up').show();
}, function () {
$('div#secondPop-up').hide();
});
$('a#secondTrigger').mousemove(function (e) {
$("div#secondPop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
});
});
</script>
<a id="trigger">trigger</a>
<div id="pop-up">pop-up</div>
<a id="secondTrigger">trigger</a>
<div id="secondPop-up">secondPop-up</div>
わからない
0
レビュー
答え :
解決策：
2番目のタグID="secondTrigger"を指定するだけです。これが問題です......
<a href='#' id='secondTrigger'>Second Trigger </a>
わからない
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。