Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript中添加页面加载函数_Javascript_Jquery_Css_Pageload_Region - Fatal编程技术网

在Javascript中添加页面加载函数

在Javascript中添加页面加载函数,javascript,jquery,css,pageload,region,Javascript,Jquery,Css,Pageload,Region,我有下面的javascript代码,当你把鼠标悬停或点击一个国家时,它会在地图的右边显示关于这个国家的传统信息 我想做的是当页面加载时,一个随机的国家已经显示了信息,没有悬停或clic 现场示例如下: $(文档).ready(函数(){ $(“#滑块”).easySlider({ controlsBefore:“”, controlsAfter:“”, 连续的:对 }); }); jQuery(文档).ready(函数(){ jQuery(“#映射容器区域”).mouseover(函数(){

我有下面的javascript代码,当你把鼠标悬停或点击一个国家时,它会在地图的右边显示关于这个国家的传统信息

我想做的是当页面加载时,一个随机的国家已经显示了信息,没有悬停或clic

现场示例如下:


$(文档).ready(函数(){
$(“#滑块”).easySlider({
controlsBefore:“

”, controlsAfter:“

”, 连续的:对 }); }); jQuery(文档).ready(函数(){ jQuery(“#映射容器区域”).mouseover(函数(){ var regionMap='.+$(this.attr('id')+'-map'; var regionList='.+$(this.attr('id')+'-list'; css('display','inline'); //检查是否发生了单击事件,并仅相应地更改区域悬停状态 if(!jQuery('#practice container ul').hasClass('selected')){ css('display','inline'); } }).mouseout(函数(){ var regionMap='.+$(this.attr('id')+'-map'; var regionList='.+$(this.attr('id')+'-list'; //检查是否发生了单击事件,并仅相应地更改区域悬停状态 if(!jQuery(regionMap).hasClass('selected')){ css('display','none'); } //检查是否发生了单击事件,并仅相应地更改区域悬停状态 if(!jQuery('#practice container ul').hasClass('selected')){ css('display','none'); } }); jQuery(“#映射容器区域”)。单击(函数(){ jQuery('#map container img.region').removeClass('selected').css('display','none'); jQuery('#practice container ul').removeClass('selected').css('display','none'); var regionMap='.+$(this.attr('id')+'-map'; var regionList='.+$(this.attr('id')+'-list'; jQuery(regionMap).addClass('selected').css('display','inline'); jQuery(regionList).addClass('selected').css('display','inline'); }); });

你做得很好,没有视觉的东西我真的无法思考

keywords = ["crica","panama","guatemala","Honduras","elSalvador","nic"]
然后是随机函数

var keyword = keywords[Math.floor(Math.random()*keywords.length)]
你这里有很多东西

    jQuery("#map-container AREA").click(function () {
        jQuery('#map-container img.region').removeClass('selected').css('display', 'none');
        jQuery('#practice-container ul').removeClass('selected').css('display', 'none');

        var regionMap = '.' + $(this).attr('id') + '-map';
        var regionList = '.' + $(this).attr('id') + '-list';
        jQuery(regionMap).addClass('selected').css('display', 'inline');
        jQuery(regionList).addClass('selected').css('display', 'inline');
    });
您需要更改新文档就绪的单击功能,并用关键字替换区域内容。如果哈希更适合您,那么:

document.location.hash = keyword;

你做得很好,你可以做到。

我自己尝试创建javascript函数,但没有成功,我成功地创建了随机数组,但不知道如何在映射中分配它。数组返回项目的id,但不知道如何从那里开始工作。关键词=[“crica”、“巴拿马”、“危地马拉”、“洪都拉斯”、“elSalvador”、“nic”]var关键字=keywords[Math.floor(Math.random()*keywords.length)]尝试此操作时一点运气都没有。。。有人能帮我解决这个问题吗,我正在发疯
$(文档).ready(函数(){keywords=[“crica”,“panama”,“危地马拉”,“洪都拉斯”,“elSalvador”,“nic”]var关键字=keywords[Math.floor(Math.random()*keywords.length)]jQuery(#map container“+关键字);var regionMap='.+$(这个).attr(关键字)+'-map';var regionList='.+$(this).attr(关键字)+'-list';jQuery(regionMap).addClass('selected').css('display','inline');jQuery(regionList).addClass('selected').css('display','inline');
document.location.hash = keyword;