Instafeed通过输入更改标记值
Instafeed changing tagged value by input
我试图通过输入更改我的标记名称,一旦按下回车键,它将重新运行feed.run();
var num = 60;
var inputTextValue;
window.onkeyup = keyup;
function keyup(e) {
inputTextValue = e.target.value;
$('#searchValue').text(inputTextValue);
if (e.keyCode == 13) {
inputTextValue = e.target.value;
feed.run();
}
}
var feed = new Instafeed({
get: 'tagged',
tagName: inputTextValue,
userId: 3614616,
accessToken: '3614616.467ede5.abc0b5a861d34365a5c8dd8db0163c4b',
limit:"100",
resolution : "low_resolution",
after: function () {
var images = $("#instafeed").find('a');
$.each(images, function(index, image) {
var delay = (index * 75) + 'ms';
$(image).css('-webkit-animation-delay', delay);
$(image).css('-moz-animation-delay', delay);
$(image).css('-ms-animation-delay', delay);
$(image).css('-o-animation-delay', delay);
$(image).css('animation-delay', delay);
$(image).addClass('animated flipInX');
});
},
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">♥ {{likes}}</div></a>'
});
有了这个我会得到一个错误
No tag name specified. Use the 'tagName' option.
任何想法都可以更新标记的名称值吗?感谢您的帮助。
您遇到的问题的根源在于如何将变量传递给 JavaScript 中的函数。
字符串是"按值传递"的,在您的情况下,这意味着在您通过执行new Instafeed({ .. });
创建实例时.js inputTextValue
的值正在复制到 Instafeed。
这也意味着当你以后更改inputTextValue
的值时,它不会更新Instafeed.js设置(因为它是在你设置Instafeed.js时复制的)。
为了解决此问题,您需要通过更改feed
变量上的属性来直接更新 Instafeed.js 设置。下面是原始脚本的略微修改版本:
var num = 60;
var inputTextValue;
var feed = new Instafeed({
get: 'tagged',
tagName: 'placeholder',
userId: 3614616,
accessToken: '3614616.467ede5.abc0b5a861d34365a5c8dd8db0163c4b',
limit:"100",
resolution : "low_resolution",
after: function () {
var images = $("#instafeed").find('a');
$.each(images, function(index, image) {
var delay = (index * 75) + 'ms';
$(image).css('-webkit-animation-delay', delay);
$(image).css('-moz-animation-delay', delay);
$(image).css('-ms-animation-delay', delay);
$(image).css('-o-animation-delay', delay);
$(image).css('animation-delay', delay);
$(image).addClass('animated flipInX');
});
},
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">♥ {{likes}}</div></a>'
});
window.onkeyup = keyup;
function keyup(e) {
inputTextValue = e.target.value;
$('#searchValue').text(inputTextValue);
if (e.keyCode == 13) {
inputTextValue = e.target.value;
feed.options.tagName = inputTextValue; // forceably update instafeed.js settings.
feed.run();
}
}
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 名称输入的索引
- 如何编写HTML输入的JS内联
- 要求输入在数据列表中
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 如何将输入(type=text)从html表单传递到javascript函数
- 单击jquery清除输入值
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- jQuery自定义验证比较多个输入的序列
- Sails.js:同时发布文本输入和一个文件
- 使用javascript检查多个输入值,并在1次检查中标记多个输入框
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 使用jquery在单击时在单元格中输入值
- Ajax文件加载和<输入>文件加载
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 将值输入到对象,然后该对象推送到数组
- Instafeed通过输入更改标记值