所以我想使这个按钮是我从intro.js拿来在PHP上工作的,以便该按钮可以运行函数
<a class="btn btn-large btn-success" id="belajarr">Tutorial</a>
脚本是
<script>
$(document).ready(function(){
$('#belajarr').on('click', function(){
href("javascript:void(0);"),
onclick("javascript:introJs().setOption('showProgress', true).start();")
});
});
</script>
我不知道如何运行javascript:introJs,因为我从此js入门示例中获取了此js插件并下载了它 https://introjs.com/example/hello-world/index.html 当试图很好地按下按钮时,我尝试发出警报,除了href和onclick功能外,我真的不了解laravel php的工作原理。
更新: 因为你们中的许多人仍然对即时消息询问感到困惑,所以这就是重点 我想问的是 如何实现此HTML代码
<a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().setOption('showProgress', true).start();">Show me how</a>
到一个PHP laravel刀片框架,该框架无法接受我所知道的Javascript,我们必须像在此一样使用ajax编写
<script>
$(document).ready(function(){
$('#belajarr').on('click', function(){
href("javascript:void(0);"),
onclick("javascript:introJs().setOption('showProgress', true).start();")
});
});
</script>
我不知道它是否正确,但是据我所知,当我按下按钮时会显示警告。但它没有运行功能javascript:introJs()
答案 0 :(得分:-1)
Ryan,我认为您正在混淆服务器部分PHP和客户部分(JS,HTMl,CSS),您的问题是如何解决的。在服务器上的客户端编号中执行intro.js库。
为此,我认为这确实可以工作。
$('#belajarr').on('click', function(){
introJs(".aaa").start();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://introjs.com/minified/introjs.min.css" rel="stylesheet"/>
<script src="https://introjs.com/minified/intro.min.js"></script>
<button class="btn btn-large btn-success" id="belajarr">Tutorial</button>
<div class='aaa' style='height: 100px;width: 100px; background-color:red'></div>