@Kener-林峰 你好,想跟你请教个问题:
你好,想请教个问题,请问下怎么在ajax内部使用点击事件,静态数据写了个Test可以实现点击事件,但通过ajax获取后台数据,这个怎么去使用点击事件
$.ajax({ type : "post", dataType : 'json', url : '../../report/vacancyratereport.do', data : { 'jsonStr' : jsonStr }, complete : function() { }, success : function(data) { if (shopq[index] == "shopquantity") { option.title.text = "Vacancy Rate Report/(Shops Quantity)"; } else { option.title.text = "Vacancy Rate Report/(GLA)"; } option.title.subtext = lstSubText[index]; option.xAxis[0].data = data.xAxis; option.series[0].data = data.series;
myChart = echarts.init($("#result" + index)[0]); echarts.init($("#result" + index)[0]).setOption(option); var ecConfig = require('echarts/config'); myChart.on(ecConfig.EVENT.CLICK, eConsole); function eConsole(param) { alert(param.dataIndex+ "---"+ param.name); } }, error : function(XMLHttpRequest,textStatus, errorThrown) { } })
直接将写 的 ajax 函数,放入 click function 就可以了 ######
var ecConfig = require('echarts/config');
myChart.on(ecConfig.EVENT.CLICK, eConsole);
function eConsole(param) {
alert(param.dataIndex+ "---"+ param.name);
}
}
在ajax结束后出了方法块貌似就没用了...怎么解决?
######你是添加事件,还是触发事件??######给ajax加个sync=false参数######貌似还是不行...######
function ajxFun () { jQuery.ajax({ url: '/path/to/file', type: 'POST', dataType: 'xml/html/script/json/jsonp', data: {param1: 'value1'}, complete: function(xhr, textStatus) { //called when complete }, success: function(data, textStatus, xhr) { var elem = $('<li></li>'); elem.click(clickFun); $('ul').append(elem); }, error: function(xhr, textStatus, errorThrown) { //called when there is an error } }); }
function clickFun () {
alert("li 的点击事件。");
}</pre>
不知道有没有写错,大概就这个样子
######
function ajxFun () { jQuery.ajax({ url: '/path/to/file', type: 'POST', dataType: 'xml/html/script/json/jsonp', data: {param1: 'value1'}, complete: function(xhr, textStatus) { //called when complete }, success: function(data, textStatus, xhr) { var elem = $('<li></li>'); elem.click(clickFun); $('ul').append(elem); }, error: function(xhr, textStatus, errorThrown) { //called when there is an error } }); } function clickFun () { alert("li 的点击事件。"); }
不知道有没有写错,大概就这个样子
echarts的事件绑定,我绑定了CLICK事件,但等AJAX结束后出了方法块事件就不会被触发了
$(document).ready(function() { // 模块引入,包引入方式 require.config({ packages: [ { name: 'echarts', location: '../../scripts/echarts/echarts', main: 'echarts' } ] }); //动态加载echarts然后在回调函数中开始使用 require([ 'echarts'], function(ec) { var echart = ec; var option = getOption(); option.title.text = "Vacancy Rate Report/(GLA)"; var myChart = echarts.init($("#result0")); myChart.setOption(option); var ecConfig = require('echarts/config'); myChart.on(ecConfig.EVENT.CLICK, eConsole); function eConsole(param) { alert(param.name); } }); });
但是通过这种静态数据的方式是可以实现,这个应该怎么去实现..
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。