Intro.Js Cant Run On Php

时间:2019-01-30 10:50:41

标签: javascript

所以我想使这个按钮是我从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()

1 个答案:

答案 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>