我使用framework7创建了一个应用程序。现在我尝试在javascript
中执行page-content
,但它不会执行。
<div class="pages">
<div class="page close-panel" data-page="item">
<div class="page-content">
<div class="content-block-title">Title</div>
<script type="text/javascript">
alert("testoutput"); // no alert
console.log("TEST"); // no log
</script>
</div>
</div>
如何运行此javascript代码?
更新
该页面是从其他HTML页面加载的。
答案 0 :(得分:5)
使用Callbacks(onPageInit)执行代码
答案 1 :(得分:4)
在此之前我从未听说过Framework7,但在查看了文档之后,我不相信您将能够以这种方式使用Javascript。
对于JS事件,您必须将事件的范围限定在Framework7构造函数中:
var myApp = new Framework7();
var $$ = Dom7;
$$('.alert-text').on('click', function () {
myApp.alert('Here goes alert text');
});
当然上面的示例直接取自F7文档,并且取决于点击事件,但您可以尝试将警报事件作为myApp
的方法,并查看是否有效你。
答案 2 :(得分:0)
var myApp = new Framework7();
//Add callback function that will be executed when Page with data-page="about" attribute will be initialized
myApp.onPageInit('dashboard', function (page) {
console.log('dashboard page initialized');
console.log(page);
});
// Option 2. Using live 'page:init' event handlers for each page (not recommended)
$$(document).on('page:init', '.page[data-page="dashboard"]', function (e) {
console.log('dashboard loaded with page:init');
createGraph();
});
上面的工作对我很好..虽然以下没有工作。
myApp.onPageInit('dashboard', function (page) {
console.log('dashboard page initialized');
console.log(page);
});
答案 3 :(得分:-1)
如果您在index.html文件中编写了任何javascript代码,请将该代码放入
<head>
<script>
alert("testoutput"); // no alert
console.log("TEST"); // no log
</script>
</head> like this, which is defined in index.html file
Or ,if you want write JS code for some particular html file ,
Do like this
<div class="page close-panel" data-page="item">
<div class="page-content">
<div class="content-block-title">Title</div>
</div>
<script>
alert("testoutput"); // no alert
console.log("TEST"); // no log
</script>
</div>