不会弹出模态弹出窗口

Question

我正在使用本文来实现模式弹出窗口。
我添加了所有内容，当我在html页面上使用按钮并使用<span class="dialink" onclick="sm('box',200,50)">弹出<span class="dialink" onclick="sm('box',200,50)">可以了。
但是我想通过JS调用打开弹出窗口，这是我用来调用该函数的代码：

var x = document.createElement('script');
x.src = '/popup/modaldbox.js';
document.getElementsByTagName("head")[0].appendChild(x);
// Open popup
sm('box',200,50);

当文章建议但也没有运气时，我也尝试过：

var x = document.createElement('script');
x.src = '/popup/modaldbox.js';
document.getElementsByTagName("head")[0].appendChild(x);
// Open popup
var z = 'something to check';
$('txt').innerHTML = z;

function OKSelected() {
    var y = z;
}

我检查了JS的路径是否正确，这不是问题。

谢谢

Answer 1

与其使用内联脚本，不如使用事件监听器。

<span class="dialink" onclick="sm('box',200,50)">

要附加事件监听器，您可以执行以下操作：

<span class="dialink">

<script type="text/javascript">

// Javascript
var dialink = document.querySelector('.dialink');
dialink.addEventListener('click', function () {
    sm('box', 200, 50);
});

// jQuery
var $dialink = $('.dialink');
$dialink.on('click', {param: 'box', param2: 200, param3: 50}, sm);

</script>

如果您希望在没有任何用户交互的情况下打开对话框，那么第一个示例应该没问题。

除此之外，您是否在浏览器中检查过开发人员控制台是否抛出错误？