0
我有一個模式窗口,工作正常,但打開後我希望它也執行一些額外的命令,我沒有這樣做的運氣。當你看着我的JavaScript,靠近頂部時,你會看到一些'alert'代碼,現在代表我正試圖執行。在我的模式窗口打開後,如何獲得這個額外的命令來執行。謝謝。需要模態代碼來執行一些額外的代碼
HTML
<div class="bs-example">
<!-- Button HTML (to Trigger Modal) -->
<a href="#myModal" class="btn btn-lg btn-primary" data-toggle="modal">One Minute Meditation Video</a>
<!-- Modal HTML -->
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">YouTube Video</h4>
</div>
<div class="modal-body">
<iframe id="cartoonVideo" width="560" height="315" src="//www.youtube.com/embed/F6eFFCi12v8" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
JS
<script>
$(document).ready(function(){
<!--We have to pull the global variables from localStorage-->
var name = localStorage.getItem('name');
var email = localStorage.getItem('email');
var act1 = "the Mindfulness page";
//start the 'launched' function
launched(email, name, act1);
});
$("#myModal").on("show", function() {
alert("Hey");
});
//Sending the 'launched' statement
function launched(actorEmail, actorName, activ) {
var stmt = new ADL.XAPIStatement(
new ADL.XAPIStatement.Agent('mailto:' + actorEmail, actorName),
new ADL.XAPIStatement.Verb('http://adlnet.gov/expapi/verbs/launched', 'launched'),
new ADL.XAPIStatement.Activity('act:http://example.com/2016/06/resiliency.html', activ,
'Clicked to move to a page in the resiliency training.')
);
//generates a unique ID for the statement
stmt.generateId();
//Other contextual information about the Activity
stmt.addOtherContextActivity(new ADL.XAPIStatement.Activity('http://www.example.com/articles/34257'));
//Registration: An instance of a learner experiencing a particular Activity.
stmt.generateRegistration();
configLRS();
sendTheStatement(stmt);
}
//this tells the app where to send the xAPI statements
function configLRS() {
ADL.XAPIWrapper.changeConfig({
'endpoint': 'https://lrs.adlnet.gov/xapi/',
'user': '',
'password': '',
'auth': ''
});
}
//fires off the statement to the LRS
function sendTheStatement(stmt) {
ADL.XAPIWrapper.sendStatement(stmt);
}
/* Get iframe src attribute value i.e. YouTube video url
and store it in a variable */
var url = $("#cartoonVideo").attr('src');
/* Assign empty url value to the iframe src attribute when
modal hide, which stop the video playing */
$("#myModal").on('hide.bs.modal', function(){
$("#cartoonVideo").attr('src', '');
});
/* Assign the initially stored url back to the iframe src
attribute when modal is displayed again */
$("#myModal").on('show.bs.modal', function(){
$("#cartoonVideo").attr('src', url);
});
</script>
謝謝。它效果很好。 –