【发布时间】:2017-07-03 16:22:27
【问题描述】:
当我将鼠标悬停在 'homepage_game'-div 上时,我想将一个 id ('data-gameid') 传递给一个名为 game_get_info.php 的文件。
请问我怎样才能通过 Javascript 或 jQuery 完成此操作? TIA
这是 php 代码:
<?php echo '
<div class="homepage_game home_tooltip" data-gameid="'.$game_cat_content['id'].'">
<div class="home_game_image">
<a href="'.$game_cat_content['url'].'">
<img class="home_thumb" src="'.$game_cat_content['image_url'].'" height="85" width="125" alt="'.$game_cat_content['name'].'"/>
</a>
</div>
</div>';
?>
这是 JS/jQuery 代码:
<script type="text/javascript">
$(document).ready(function() {
$('.tooltipstered').tooltipster('destroy');
$('.home_tooltip').tooltipster({
trigger: 'hover',
animation: 'fade',
animationDuration: 250,
delay: 1000,
onlyOne: true,
position: 'top',
contentAsHTML: true,
interactive: true,
theme: ['tooltipster-noir', 'tooltipster-noir-customized'],
content: 'Loading...',
functionBefore: function(instance, helper) {
var $origin = $(helper.origin);
if ($origin.data('loaded') !== true) {
$.post('<?php echo $setting['template_url']; ?>/sections/ajax/game_get_info.php, function(data) {
instance.content(data);
});
}
}
});
});
</script>
【问题讨论】:
-
你所在的页面是
game_get_info.php吗? -
您忘记了数据:。
标签: javascript jquery tooltipster