はJQueryの.html（）私は<a href="http://onsen.io" rel="nofollow noreferrer">Onsen UI</a> + jQueryのを使用してい

作業と.htmlを（）関数は、参照、動作していないではない：https://jsfiddle.net/w8904ztc/1/はJQueryの.html（）私は<a href="http://onsen.io" rel="nofollow noreferrer">Onsen UI</a> + jQueryのを使用してい

<body> 
    <ons-page> 
    <ons-toolbar> 
     <div class="center">Clone</div> 
    </ons-toolbar> 

    <ons-tabbar swipeable position="auto"> 
     <ons-tab page="tab1.html" label="Home" icon="ion-home, material:md-home" active> 
     </ons-tab> 
     <ons-tab page="tab2.html" label="Settings" icon="md-settings"> 
     </ons-tab> 
    </ons-tabbar> 
    </ons-page> 

    <template id="tab1.html"> 
    <ons-page id="Tab1"> 
     <p style="text-align: center;"> 
     This is the first page. 
     </p> 
    </ons-page> 
    </template> 

    <template id="tab2.html"> 
    <ons-page id="Tab2"> 
     <div class="center" id="usernamespan"></div> 
     <p style="text-align: center;"> 
     <ons-button id="logout" name="logout" onclick="logout();">Logout</ons-button> 
     </p> 
    </ons-page> 
    </template> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script> 
    function logout() { 
     window.localStorage.clear(); 
     window.location.href = "index.html"; 
    } 
    var username = localStorage.username; 
    ons.notification.toast({ 
     message: 'Willkommen ' + username, 
     timeout: 4000 
    }); 

    $('usernamespan').html("Hallo Welt" + username); 

    </script> 
</body>

また、簡単なJavaScriptが動作していない、）（.getElementByIdすでに試してみました

window.document.getElementById（ "＃usernamespan"）。innerHTML = "Something";

リターン=>キャッチされない例外TypeError：ヌル

の 'innerHTMLプロパティに' 任意のアイデアをプロパティを設定することができませんか？

出典

2017-11-13 123php

あなたのjQueryの呼び出しのためのあなたの選択が間違っています： '$ （ 'usernamespan'） '、[getElementByIdはCSSセレクタを使用しません]（https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById#Parameters） –

まだ動作しません。 – 123php

あなたのフィドルコードを更新しました。それは働く.. – Saif

ターゲットIDを#IDOFDIVまたはそのクラスの.CLASSOFIDとして指定する必要があります。また、jQueryにページをロードしようとする前に、ページがまだページにない場合があるため、jQueryにそのページが見つかるのを待ってからhtmlを追加するように指示する必要があります。

これは、あなたがページがで読み込みが完了した後に実行したいコードを関数に渡される$('document').ready()コールを使用して行われ

$('document').ready(function(){ 
    function logout() { 
     window.localStorage.clear(); 
     window.location.href = "index.html"; 
    } 
    var username = localStorage.username; 
    ons.notification.toast({ 
     message: 'Willkommen ' + username, 
     timeout: 4000 
    }); 

    $('#usernamespan').html("Hallo Welt" + username); 
    })

出典

2017-11-13 16:39:43 Pandelis

これは動作します！どうもありがとうございます！ – 123php

はJQueryの.html（）私は<a href="http://onsen.io" rel="nofollow noreferrer">Onsen UI</a> + jQueryのを使用してい

答えて

関連する問題