Question

我有一个页面，可以根据标签动态打开每个页面。我正在尝试执行一个脚本，该脚本在从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>

页面是动态加载的，因此第一个加载“约”，第二个加载“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 />');

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

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

Answer 1

您可以将所需的脚本包装在function中，然后使用pageAnimationEnd（或if）在switch内调用，以检查是否有正确的页面（或如果换页器switch属于您自己的，您可以在那里调用它。）

当页面动态打开时，是否可以明确告诉脚本何时执行？

1 个答案: