- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
编辑:因此,我的代码全部保存在 $(document).ready(function() {}
中,并且因为我的 html 代码是在我的 javascript 文件中动态生成的,在应用给出的答案时,我在使用 .click()
时遇到问题
$('.movies_cell').click(function(){
var tmp = $(this).index();
});
原文:我在一个页面上有 20 个 div 元素,它们都是从 ajax 文件生成的。所有 div 都在名为 #movies 的容器 div 中创建。
可以单击任何 .movies_cell div 以显示模式框,因为我将根据单击的内容将我的 json 文件中的信息放入该模式我需要知道单击了哪个 div,例如,如果它是第 5 个 div,我想知道第 5 个 div 被单击,然后将该数字存储在一个变量中,如果它是第 2 个或第 3 个,我希望将该数字存储在一个变量中,然后在另一个 .movies_cell 时清除div 被点击。
我将如何编写 javascript 或 jquery 脚本来完成此任务? :(
谢谢!
$('#myMovies').click(function () {
$.getJSON('data/movies.json', function (allData) {
$.each(allData, function (i, field) {
$('#movies').append(function () {
var movies = '<div class="movies_cell">';
movies += '<div class="movies_image">';
movies += '<a href="#openModal"><img src="img/movies/' + (field.image) + '" alt="' + (field.name) + ' Poster" style="width: 100%; height: 100%"></a>';
movies += '</div>';
movies += '<div class="movies_detail">';
movies += '<a href="#openModal"><h1>' + (field.name) + '</h1></a>';
movies += '<img src="img/rating/' + (field.myRating) + '.png" alt="movie rating" style="margin: auto;">';
movies += '</div>';
movies += '</div>';
counter++;
console.log(counter);
return movies;
});
});
});
});
最佳答案
使用事件委托(delegate)。( https://api.jquery.com/on#direct-and-delegated-events ) 在顶部
$('#movies').on( "click", ".movies_cell > div", function() {
var tmp = $(".movies_cell > div").index(this);
console.log(tmp);
});
然后
$('#myMovies').click(function () {
//rest of code
关于javascript - 我如何捕获在我的容器 <div> 中点击了哪个数字 <div> 并将其存储在变量中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34914303/
我需要你的帮助!我在它们之间放置了随机数量的 div。 Item description Item description Item description Item
我有两个 NSDates,时间格式为“h:mm a”(即 6:00 AM 和 8:00 PM)。 我试图找出这两个时间之间的中点是什么时间。 对于上面的示例,早上 6:00 和晚上 8:00 之间的中
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗?通过 editing this post 添加详细信息并澄清问题. 已关闭 8 年前。 Improve th
我正在寻找一种有效的算法来检查一个点是否在 3D 中的另一个点附近。 sqrt((x2-x1)^2 + (y2-y1)^2 + (z2-z1)^2) < radius 这似乎并不太快,实际上我不需要这
我可以让 pandas cut/qcut 函数返回 bin 端点或 bin 中点而不是一串 bin 标签吗? 目前 pd.cut(pd.Series(np.arange(11)), bins = 5)
我是一名优秀的程序员,十分优秀!