Fatal编程技术网
  • javascript/
  • Javascript 当页面动态打开时，是否可以显式地告诉脚本何时执行？

Javascript 当页面动态打开时，是否可以显式地告诉脚本何时执行？

javascript html

Javascript 当页面动态打开时，是否可以显式地告诉脚本何时执行？,javascript,html,Javascript,Html,我有一个页面，根据标签动态打开每个页面。我正在尝试执行一个脚本，该脚本将在从div id=“CreateVids”标记运行动态页面时运行 我对这个完全陌生，所以我不太确定问题出在哪里。我一直在寻找，看看是否有一个属性，我可以设置，但我似乎找不到它 任何帮助都将不胜感激！ 非常感谢 对不起Treffynnmon是的我有一些代码 <body> <div id="about" class="selectable"> <p>De

我有一个页面，根据标签动态打开每个页面。我正在尝试执行一个脚本，该脚本将在从div id=“CreateVids”标记运行动态页面时运行

我对这个完全陌生，所以我不太确定问题出在哪里。我一直在寻找，看看是否有一个属性，我可以设置，但我似乎找不到它

任何帮助都将不胜感激！ 非常感谢

对不起Treffynnmon是的我有一些代码

<body>
    <div id="about" class="selectable">
                <p>Developed by Jacob Bowe</p>
                <p><br /><br /><a href="#" class="grayButton goback">Close</a></p>
    </div>
    <div id="Demo">
        <div class="toolbar">
            <h1>Demonstration Video</h1>
            <a class="back" href="#home">Home</a>
        </div>
        <ul class="rounded">
            <center><video id="video1" src="bunny.mp4" width="270" height="180" controls></video></center>
        </ul>
    </div>

<div id="CreateVids">
        <div class="toolbar">
            <h1>Create your own film!</h1>
            <a class="back" href="#">Home</a>
        </div>
        <h2>Put the film clips in any order! Click on proceed to view</h2>
        <ul class="rounded">
            <li><video id="vid1" src="bunny.mp4" width="90" height="60" onClick="test()" class="draggable"></video>
            <video id="vid2" src="bunny.mp4" width="90" height="60" class="draggable"></video>
            <video id="vid3" src="bunny.mp4" width="90" height="60" class="draggable"></video></li>
            <li><video id="vid4" src="bunny.mp4" width="90" height="60" class="draggable"></video>
            <video id="vid5" src="bunny.mp4" width="90" height="60" class="draggable"></video>
            <video id="vid6" src="bunny.mp4" width="90" height="60" class="draggable"></video></li>
        </ul>
        <ul class="rounded">
            <div id="dropbox1" class="drop"></div>
            <div id="dropbox2" class="drop"></div>
            <div id="dropbox3" class="drop"></div>
            <div id="dropbox4" class="drop"></div>
            <div id="dropbox5" class="drop"></div>
            <div id="dropbox6" class="drop"></div>
        </ul> 
    </div>


由Jacob Bowe开发




演示视频

    


创造你自己的电影！
把电影剪辑按任意顺序放好！单击继续查看

    

  • 

    • 

  • 

    •
页面是动态加载的，因此第一个加载“about”，第二个加载“CreateVids”

正在从JQuery函数运行该页面

$('#pageevents').
                    bind('pageAnimationStart', function(e, info){ 
                        $(this).find('.info').append('Started animating ' + info.direction + '&hellip; ');
                    }).
                    bind('pageAnimationEnd', function(e, info){
                        $(this).find('.info').append(' finished animating ' + info.direction + '.<br /><br />');

$（'pageevents'）。
绑定（'pageAnimationStart'，函数（e，info）{
$（this）.find（'.info'）.append（'startedanimating'+info.direction+'&hellip；'）；
}).
绑定（'pageAnimationEnd'，函数（e，info）{
$（this）.find（'.info'）.append（'finished animating'+info.direction+'。

）；
我想在将“CreateVids”加载到浏览器中时加载脚本。我的想法是可以在视频标签上选择“Dragable”类，并使用JQuery拖动它们

任何想法都将受到赞赏，
再次感谢

您可以将所需脚本包装在
函数中
，并在
页面动画中调用它，然后使用
if
（或
开关
）检查正确的页面（或者如果换页器
开关
是您自己的，您可以在那里调用它）.
对不起，上面的内容没有多大意义，也没有对问题进行足够深入的描述。您是否有任何代码？是否有更多信息可以让您更容易理解？其他人是否有任何建议？？