如何将带有外部JavaScript文件的依赖于jQuery的HTML加载到JavaFx WebView_Java_Javascript_Jquery_Webview_Javafx

如何将带有外部JavaScript文件的依赖于jQuery的HTML加载到JavaFx WebView

java javascript jquery webview javafx

如何将带有外部JavaScript文件的依赖于jQuery的HTML加载到JavaFx WebView,java,javascript,jquery,webview,javafx,Java,Javascript,Jquery,Webview,Javafx,如何在$（document）.ready（function（）之后将JavaScript加载到JavaFx Webview，例如，在Webview加载之后，而不等待onbutton单击操作之类的事件这个问题的答案将回答我的主要问题，如何将jQuery添加到webview？我一直在尝试做以下工作，但我没有成功地将其他类似的在线解决方案集成到我的问题中我想添加到webview的HTML文件如下： <!DOCTYPE html> <html> <head>

如何在

$（document）.ready（function（）

之后将JavaScript加载到JavaFx Webview，例如，在Webview加载之后，而不等待

onbutton单击

操作之类的事件

这个问题的答案将回答我的主要问题，如何将jQuery添加到webview？

我一直在尝试做以下工作，但我没有成功地将其他类似的在线解决方案集成到我的问题中

我想添加到webview的HTML文件如下：

<!DOCTYPE html>
<html>
  <head>
    <link href='../fullcalendar/fullcalendar.css' rel='stylesheet' />
    <link href='../fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
    <script src='../lib/jquery.min.js'></script>
    <script src='../lib/jquery-ui.custom.min.js'></script>
    <script src='../fullcalendar/fullcalendar.min.js'></script>
    <script>

    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            editable: true,
            events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1)
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d-5),
                    end: new Date(y, m, d-2)
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d-3, 16, 0),
                    allDay: false
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d+4, 16, 0),
                    allDay: false
                },
                {
                    title: 'Meeting',
                    start: new Date(y, m, d, 10, 30),
                    allDay: false
                },
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                },
                {
                    title: 'Birthday Party',
                    start: new Date(y, m, d+1, 19, 0),
                    end: new Date(y, m, d+1, 22, 30),
                    allDay: false
                },
                {
                    title: 'Click for Google',
                    start: new Date(y, m, 28),
                    end: new Date(y, m, 29),
                    url: 'http://google.com/'
                }
            ]
        });

    });

</script>
<style>

    body {
        margin-top: 40px;
        text-align: center;
        font-size: 14px;
        font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
        }

    #calendar {
        width: 900px;
        margin: 0 auto;
        }

</style>
</head>
<body>
<div id='calendar'></div>
</body>
</html>

我从中得到的只是一个空白的白色窗口，而不是在窗口上绘制jQuery日历插件

提前感谢。

尝试使用以下方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta name="layout" content="main">
   <meta name="viewport" content="width=device-width"/> 
    <title>Calendar</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <link rel='stylesheet' href="fullcalendar.css" />
<script src="jquery.min.js"></script>
<script src="moment.min.js"></script>
<script src="fullcalendar.min.js"></script>

<script>
    $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({

        //events:"%EVENT_URL%",
        allDaySlot: false,
        header:
        {
             left: 'today prev next',
             center: 'title',
             right: 'month,agendaWeek,agendaDay'
            },
        defaultView:'agendaDay',
        firstHour:'9',
        minTime:'8:00',
        weekends: true    
   });   

});
</script>


日历
$（文档）.ready（函数（）{
//页面现在已准备就绪，请初始化日历。。。
$（“#日历”）.fullCalendar({
//事件：“%EVENT\u URL%”，
全天时段：错，
标题：
{
左：“今天上一个下一个”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
默认视图：'agendaDay'，
第一小时：'9'，
minTime:'8:00'，
周末：真的
});   
});

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta name="layout" content="main">
   <meta name="viewport" content="width=device-width"/> 
    <title>Calendar</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <link rel='stylesheet' href="fullcalendar.css" />
<script src="jquery.min.js"></script>
<script src="moment.min.js"></script>
<script src="fullcalendar.min.js"></script>

<script>
    $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({

        //events:"%EVENT_URL%",
        allDaySlot: false,
        header:
        {
             left: 'today prev next',
             center: 'title',
             right: 'month,agendaWeek,agendaDay'
            },
        defaultView:'agendaDay',
        firstHour:'9',
        minTime:'8:00',
        weekends: true    
   });   

});
</script>