jquery plugin(Impromptu)

jquery plugin(Impromptu)

本文关键字：Impromptu plugin jquery      更新时间：2023-09-26

我想知道，如何在我的 HTML 中使用此插件？

$.prompt("Open your javascript console to see the answer.", {
title: "Are you Ready?",
buttons: { "Yes, I'm Ready": true, "No, Lets Wait": false },
submit: function(e,v,m,f){
    // use e.preventDefault() to prevent closing when needed or return false. 
    // e.preventDefault(); 
    console.log("Value clicked was: "+ v);
}
});

该代码来自 http://trentrichardson.com/Impromptu/

我使用那个库，它是工作。

包括库：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://trentrichardson.com/Impromptu/jquery-impromptu.js"></script>

.CSS：

<link href="http://trentrichardson.com/Impromptu/jquery-impromptu.css" rel="stylesheet" type="text/css" >

编写脚本：

<script type="text/javascript">
var multiplePromptsCounter = 1;
function openMultiplePrompts(){
    $.prompt("Do you want to open another?", {
        title: "A Prompt Has Opened: "+ multiplePromptsCounter++,
        buttons: { "Yes, Open Another": true, "No, Close This One": false },
        persistent: false,
        submit: function(e,v,m,f){
            if(v){
                e.preventDefault();
                openMultiplePrompts();
            }
        }
    });
}
 </script>

.HTML：

<div class="buttons">
<button class="run" onclick="openMultiplePrompts()" >Run It!</button>
</div>

希望对您有所帮助。

相关文章：