2015-11-03 41 views
0

我在为我的项目使用genderAPIjQuery
我想获得#name的性别结果,但好像我的代码根本不认识它(没有alert正在跳出)。有人会建议你为什么好吗?jQuery:从性别获得结果API

他们提供的jQuery plugin例子如下:

$('input#firstname').genderApi({key: genderApiClientKey}).on('gender-found', function(e, result) { 

    if (result.accuracy >= 60) {  
    alert('Gender found: ' + result.gender); 
    } 

}); 

下面是我的尝试,你会发现完整的代码here

HTML:

<head> 
    <script type="text/javascript" src="https://gender-api.com/js/jquery/gender.js"></script> 
</head> 

<body> 
    <section id="fetch"> 
     <input type="text" placeholder="Please enter your name here" id="term" /> 
     <button type="button" id="search">ENTER</button> 
    </section> 

    <div id="name"> 
     <div id="nameBox"> 
     </div> 
     <div id="nameText"> 
     </div> 
    </div> 
</body> 

的jQuery:

var apiUrl = "https://sheetsu.com/apis/f924526c"; // this is another API I created on Google Spreadsheet 

$.getJSON(apiUrl, function (json) { 

    console.log(JSON.stringify(json)); 
    var item = json.result.find(function (e) { 

     return e.name == content; 

    }) || json.result[0]; 
    console.log("PRINT ID: " + item.id); 


    var name = item.name || content; 
    var $nameText = $("#nameText"), 
     str = name; 
    html = $.parseHTML(str), 
     nodeNames = []; 
    $nameText.append(html); 
    console.log("Name: " + name); 

    // genderAPI here to get gender result 
    $('name').genderApi({ 
     key: "oyxLJkutVSYXWNVzGP" 
    }).on('gender-found', function (e, result) { 
     if (result.accuracy >= 60) { 
      alert('Gender found: ' + result.gender); 
     } 
    }); 
}); 

回答

0

您是否正在尝试为以下文本字段执行genderAPI?

<input type="text" placeholder="Please enter your name here" id="term" /> 

那么你的代码应该是这样的:

$('input#term').genderApi({ 
     key: "oyxLJkutVSYXWNVzGP" 
    }).on('gender-found', function (e, result) { 
     if (result.accuracy >= 60) { 
      alert('Gender found: ' + result.gender); 
     } 
    }); 
+0

感谢很多:)))× –