我有以下代码osclass\oc-content\themes\modern\item.php
,
<strong class="share"><a href="#" id="map" rel="nofollow"><?php _e('Map', 'modern'); ?></a></strong>
<strong class="share"><a href="#" id="photo" rel="nofollow"><?php _e('Photo Gallery', 'modern'); ?></a></strong>
<div class="map" style="display:none;">
<?php osc_run_hook('location'); ?>
</div>
<div class="slider-wrapper theme-light image" >
<div id="slider" class="nivoSlider">
<?php if( osc_images_enabled_at_items() ) { ?>
<?php if( osc_count_item_resources() > 0 ) { ?>
<?php for ( $i = 0; osc_has_item_resources(); $i++ ) { if (osc_resource_for() == 2 ) { ?>
<img src="<?php echo osc_resource_url(); ?>" width="100%" height="240px;" alt="<?php echo osc_item_title(); ?>" title="<?php echo osc_item_title(); ?>" />
<?php } } ?>
<?php } ?>
<?php } osc_reset_resources(); ?>
</div>
</div>
JavaScript 代码是,
$("#photo").click(function() {
$(".image").css("display","block");
$(".map").css("display","none");
});
$("#map").click(function() {
$(".map").css("display","block");
$(".image").css("display","none");
});
这里的照片加载得很好。但是当我单击时地图会出现以下问题#map
。
如果我在第 1 次加载地图并设置display:none;
为.image
均值,则地图将完全加载且良好。
问题出在哪里?