请教一下APICloud支不支持JQUERY

霍天

本帖最后由霍天于 2015-8-4 15:01 编辑

如题，我使用jquery写法，然后使用onclick事件，总是报错！然后改成$("").click 还是报错！
到底支不支持JQUERY或者他的写法是什么样子的！有没有文档说明

笨阿哼

是支持的报什么错误?

霍天

笨阿哼发表于 2015-8-4 15:44
是支持的报什么错误?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>frame1</title>
<style>
body,ul,li{margin:0;padding:0;list-style:none;}
#aaa{width:100%;height:100%;}
.a1{
width:100%;
height:auto;
min-height:260px;
background-color:#646464;
}
.a2{
position:absolute;
bottom:0;
width:100%;
}
.b1{
width:32%;
height:100px;
background-color:#7d7d7d;
float:left;
text-align:center;
line-height:100px;
margin-left:1%;
margin-bottom:6px;
cursor:pointer;
}
</style>
</head>
<body>
<div id="aaa">
<div class="a1">
工
</div>
<div class="a2">
<div class="b1">第一行</div>
<div class="b1" onclick="two()">第二行</div>
<div class="b1">第一行</div>
<div class="b1">第一行</div>
<div class="b1">第一行</div>
<div class="b1">第一行</div>
</div>
</div>
<script type="text/javascript" src="js/api.js"></script>
<script type="text/javascript">
apiready = function(){
var model=api.require('model');
var query=api.require('query');
model.config({
appId:'A6983699353944',
appKey:'0B8B8451-1734-362D-B74A-F9D68E457B43',
host:'https://d.apicloud.com',
});
query.createQuery(function(ret,err){
if(ret && ret.qid){
var queryId=ret.qid;
model.findAll({
class:'kaoqin',
qid:'queryId'
},function(ret,err){
//coding...
function two(){
alert("00")
}
});
}
});
};
</script>
</body>
</html>

复制代码

运行总是提示错误！位置是html代码里的onclick()

笨阿哼

霍天发表于 2015-8-4 16:14
运行总是提示错误！位置是html代码里的onclick()

这段代码我没发现你哪有引用jquery?

yyyfx

本帖最后由 yyyfx 于 2015-8-5 09:45 编辑

霍天发表于 2015-8-4 16:14
运行总是提示错误！位置是html代码里的onclick()

onclick="two()" 点击时调用的是 two() 函数。
从代码中看，这个 two 函数位于 model.findAll 回调函数的内部。
JavaScript 中函数的作用域是局部的，也就是说，
此处的 two 函数只能在 model.findAll 的回调函数中被调用，外部是无法调用的。

试下将 function two(){} 放在 apiready 函数的外面。

霍天

yyyfx 发表于 2015-8-5 09:44
onclick="two()" 点击时调用的是 two() 函数。
从代码中看，这个 two 函数位于 model.findAll 回调函数的 ...

放在什么位置都会出错！如果放在apiready 里面！就不行！
如果放在外面，可以使用，但是不能使用数据信息！
比如：放在里面时----function(){ alert("") }都会提示错误，行43 行71
放在外面时----function(){ alert("这里只能这样写，不能写数据信息ret[0].name") }

技术支持-M

在apiready获取完数据，将其保存于内存中的一个变量中；把two函数放于外面，请用时要用到的数据请从内存的变量中获取

霍天

点击提交

点击提交按钮就提示这个

<div id="aaa">
<div class="a1" id="a1">
工
<input id="name">
<button class="sub" onclick="sub()">提交</button>
</div>
<div class="a2">
<div class="b1">第一行</div>
<div class="b1">第二行</div>
<div class="b1">第一行</div>
<div class="b1">第一行</div>
<div class="b1">第一行</div>
<div class="b1">第一行</div>
</div>
</div>
<script type="text/javascript" src="js/api.js"></script>
<script type="text/javascript">
apiready = function(){
var model=api.require('model');
var query=api.require('query');
model.config({
appId:'A6983699353944',
appKey:'0B8B8451-1734-362D-B74A-F9D68E457B43',
host:'https://d.apicloud.com',
});
/*插入数据*/
function sub(){
model.insert({
class: 'kaoqin',
value:{
name: 'kenny'
}
}, function(ret, err) {
if (ret) {
alert("成功了")
} else {
alert("插入失败了")
}
});
}
/*插入数据结束*/
};
</script>

复制代码

yyyfx

霍天发表于 2015-8-5 16:39
点击提交按钮就提示这个

请将 sub() 函数放在 apiready 函数的外面。放在 apiready 中的函数，外面是调用不了的。
页面可以点击的时候，apiready 其实已经执行了，也就是说，APICloud 的 api 已经准备好了。
所以 sub() 函数不需要放在 apiready 中。请参考下面的代码：

var model, query;
apiready = function() {
model = api.require('model');
query = api.require('query');
model.config({
appId: 'A6983699353944',
appKey: '0B8B8451-1734-362D-B74A-F9D68E457B43',
host: 'https://d.apicloud.com',
});
};
/*插入数据*/
function sub() {
model.insert({
class: 'kaoqin',
value: {
name: 'kenny'
}
}, function(ret, err) {
if (ret) {
alert("成功了")
} else {
alert("插入失败了")
}
});
}
/*插入数据结束*/

复制代码

霍天

yyyfx 发表于 2015-8-5 18:43
请将 sub() 函数放在 apiready 函数的外面。放在 apiready 中的函数，外面是调用不了的。
页面可以点击的 ...

太感谢版主了！帮我迈过了一个坎！很多时候就是有这么一个坎迈不过去！所有的想法都不能实现！太感谢了！

[开发工具] 请教一下APICloud支不支持JQUERY

浏览过的版块