Skip to main content
Added syntax highlighting.
ソース リンク
Hiroshi Yamamoto
  • 6,349
  • 14
  • 32
ons.ready(function(){
  tabbar.on('postchange', function(e){
    if(e.index === 0){
      myNavigator.on('postpush', function(e){
        if(e.enterPage.name === 'page1.html'){
          var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
          btnShowArchives.on('click', function(){
            alert("clicked");
          });
        }
      });
    }
  });
});
ons.ready(function(){
  tabbar.on('postchange', function(e){
    if(e.index === 0){
      myNavigator.on('postpush', function(e){
        if(e.enterPage.name === 'page1.html'){
          var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
          btnShowArchives.on('click', function(){
            alert("clicked");
          });
        }
      });
    }
  });
});

試しにやってみました。こうすれば一応取得できます。ただし階層が深くなるのでスマートではないですね。
複数

複数ページを管理するときはAngularJSを使うと簡潔に書けますので、そちらも検討されてみてはいかがでしょうか。
http://ja.onsen.io/guide/overview.html#UsingOnsenUIwithAngularJS

ons.ready(function(){
  tabbar.on('postchange', function(e){
    if(e.index === 0){
      myNavigator.on('postpush', function(e){
        if(e.enterPage.name === 'page1.html'){
          var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
          btnShowArchives.on('click', function(){
            alert("clicked");
          });
        }
      });
    }
  });
});

試しにやってみました。こうすれば一応取得できます。ただし階層が深くなるのでスマートではないですね。
複数ページを管理するときはAngularJSを使うと簡潔に書けますので、そちらも検討されてみてはいかがでしょうか。
http://ja.onsen.io/guide/overview.html#UsingOnsenUIwithAngularJS

ons.ready(function(){
  tabbar.on('postchange', function(e){
    if(e.index === 0){
      myNavigator.on('postpush', function(e){
        if(e.enterPage.name === 'page1.html'){
          var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
          btnShowArchives.on('click', function(){
            alert("clicked");
          });
        }
      });
    }
  });
});

試しにやってみました。こうすれば一応取得できます。ただし階層が深くなるのでスマートではないですね。

複数ページを管理するときはAngularJSを使うと簡潔に書けますので、そちらも検討されてみてはいかがでしょうか。
http://ja.onsen.io/guide/overview.html#UsingOnsenUIwithAngularJS

ソース リンク

ons.ready(function(){
  tabbar.on('postchange', function(e){
    if(e.index === 0){
      myNavigator.on('postpush', function(e){
        if(e.enterPage.name === 'page1.html'){
          var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
          btnShowArchives.on('click', function(){
            alert("clicked");
          });
        }
      });
    }
  });
});

試しにやってみました。こうすれば一応取得できます。ただし階層が深くなるのでスマートではないですね。
複数ページを管理するときはAngularJSを使うと簡潔に書けますので、そちらも検討されてみてはいかがでしょうか。
http://ja.onsen.io/guide/overview.html#UsingOnsenUIwithAngularJS