0

我已经使用 jquery-plugin mapster 设置了我的图像映射

代码向我显示，点击了哪些国家（埃及为“1”，利比亚为“2”..）

    $(document).ready(function() {

    function geklickt (e){
    //alert(typeof e.key);     return string
    $('.showme').append(e.key+ ' ');
    }


    $('img').mapster({
    mapKey: 'ALT',
    stroke: true,
    strokeWidth: 2,
    strokeColor: 'ff0000' ,
    onConfigured: function(){
    //    howto set up loop for asking user here???
    } ,
    onClick: geklickt
    });
    });

我的问题：我想在不同国家的循环中询问用户，如下所示：“点击埃及”

    if (e.key == '1')
    {
    // message "Ok"
    // add one point
    }
    else
    {
    // message "NOT Ok"
    }

“点击突尼斯” ...

我不知道如何编写这个循环，以便向用户询问第一个国家，然后程序等到用户单击一个国家，然后询问用户第二个国家....

谢谢

库尔特

4

1 回答 1

0

你不需要循环。JavaScript 适合于事件驱动的操作，而不是“等待用户输入”。

使用它们的预定义键保留国家名称的数组（或对象），并使用这样的结构来提示用户：

<div>Click on <span id="countryname"></span></div>

然后使用javascript根据当前键动态更改显示的名称。

示例 JS（不完整，但有必要的信息）：

var countryArray, currentKey;
countryArray = [];
/*
 * populate countryArray using keys like this
 * countryArray[key] = "Name";
 */
function setCountry(key){
    $("#countryname").text(countryArray[key]);
}

currentKey = 0; //can be set randomly or however you'd like
setCountry(currentKey);

function geklickt (e){
    if(currentKey == e.key){
        //success
        //add one point
        currentKey = newKey; //however you want to set it
        setCountry(currentKey);
    } else {
        //failure
        //message: "NOT OK"
    }
}
于 2012-04-08T05:20:08.527 回答