img onclick fire js功能只需点击二次

时间:2016-12-18 16:44:09

标签: javascript html

html页上,我有<img onclick="povecaj();"的几张图片 事实上,试图制作某种灯箱。 首先img点击不起作用,第二次单击已触发的函数和任何其他img首先单击已触发的函数。但是在页面加载后img点击后,点击不起作用......

功能是下一个:

   function povecaj() {

        if (document.readyState === "complete") {
            if ((screen.width > 801) || (screen.height > 801)) {
                init();
            }
            else {
                return;
            }
        }

    }


    function init() {
        $(' .card-img img').click(function () {
            var thediv = document.getElementById('displaybox');
            var staza = $(this).attr('src')
            var sl = document.getElementById('image');
            thediv.style.display = "";
            sl.innerHTML = '<img  alt="2" id="imgID" src="' + staza + '"/>' + '<div class="alert-close" onclick = "zapri()" >X</div>'
            thediv.innerHTML = '<table style="width:100%; height:100%;"><tbody><tr><td style="text-align: center; vertical-align:central; width:100%; height:100%"></td></tr></tbody></table>';
            thediv.style.display = "block";
            sl.style = "block";

        });
    }

我在VS2012工作,也使用Chrome检查..无法看到错误.. 搜索,谷歌搜索,无法找到解决方案。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

如果你的图像动态加载DOM,你必须添加一个像这样的jquery事件监听器:

use std::io;
use std::process;

fn main() {
    let mut sum = 0;
    loop {
        let mut number_str = String::new();
        match io::stdin().read_line(&mut number_str) {
            Ok(n) => {},
            Err(e) => { println!("ERROR: got '{}' when reading a line", e) }
        }
        match number_str.trim().parse::<i32>() {
            Err(n) => {
                println!("ERROR: Entered something that is not a number: '{}'",
                    number_str.trim_right());
                process::exit(1)
            },
            Ok(n) => { sum += n }
        }
    }
}

并编写父div function init() { $(class_of_parent_div).on('click', '.card-img img', function () { var thediv = document.getElementById('displaybox'); var staza = $(this).attr('src') var sl = document.getElementById('image'); thediv.style.display = ""; sl.innerHTML = '<img alt="2" id="imgID" src="' + staza + '"/>' + '<div class="alert-close" onclick = "zapri()" >X</div>' thediv.innerHTML = '<table style="width:100%; height:100%;"><tbody><tr><td style="text-align: center; vertical-align:central; width:100%; height:100%"></td></tr></tbody></table>'; thediv.style.display = "block"; sl.style = "block"; }); }

的类