<；部门>；不是在javascript中动态创建的

我正在使用下面的JavaScript函数动态创建一个

元素

函数显示（）
{
如果（accessTokenValue==''）
{
警报（“内部如果”）；
$（'#mainDivId'）.addClass（'ui-content jqm content feed'）；
$('')
.html（'

链接到Instagram

'
)
.appendTo（'mainDivId'）；
警报（“如果发生后在内部”）；
}
其他的
{
警惕（“其他内部”）；
$（'#mainDivId'）.addClass（'ui-content jqm content'）；
$('')
.html（'
将照片上传到Instagram

'
)
.附录（“#mainDivId”）；
}
}

页面未发生任何更改，仍为空白。此外，Firebug在创建上述html内容时不会显示任何内容。

试试这个

var temp=$('<div id="linkToInstagramDivId"></div>');
temp.html('<p><img src="img/instagram-logotype.png" alt="" /></p><p>Link To Instagram</p><div><input type="button" data-inline="true" value="Sign In" onclick="LinkToInstagram();"></div>');

$('#mainDivId').after(temp);

var-temp=$（''）；
temp.html（“
链接到Instagram
”）；
$（'mainDivId'）。在（temp）之后；

确保添加了最新的jquery.js

编辑：问题在于，当页面未加载时，您正在加载显示功能，这就是页面未显示更改的原因。在ready（）中编写完整的显示函数和函数调用，如下所示：

$(document).ready(function() {
    var accessTokenValue="";
    function display()
    {
        if (accessTokenValue == '')
        {
            alert("inside if");

            $('#mainDivId').addClass('ui-content jqm-content feed');
            $('<div id="linkToInstagramDivId"></div>')
                .html('<p><img src="img/instagram-logotype.png" alt="" /></p><p>Link To Instagram</p><div><input type="button" data-inline="true" value="Sign In" onclick="LinkToInstagram();"></div>')
                .appendTo('#mainDivId');
            alert("inside after if");
        }
        else
        {
            alert("inside else");

            $('#mainDivId').addClass('ui-content jqm-content');
            $('<div id="uploadToInstagramDivId"></div>')
                .html('<p>Upload Photos To Instagram</p><input type="button" value="Upload Photos" data-inline="true" onclick="UploadToInstagram();">')
                .appendTo("#mainDivId");
        }
    }
    display();
}); 

$（文档）.ready（函数（）{
var accessTokenValue=“”；
函数显示（）
{
如果（accessTokenValue==''）
{
警报（“内部如果”）；
$（'#mainDivId'）.addClass（'ui-content jqm content feed'）；
$('')
.html（“
链接到Instagram
”）
.appendTo（'mainDivId'）；
警报（“如果发生后在内部”）；
}
其他的
{
警惕（“其他内部”）；
$（'#mainDivId'）.addClass（'ui-content jqm content'）；
$('')
.html（“将照片上载到Instagram
”）
.附录（“#mainDivId”）；
}
}
显示（）；
}); 

不过在那里对我来说效果很好

JQUERY代码：

$(document).ready (function () {
var accessTokenValue = "Terminator";

function display () {
 if (accessTokenValue == '') {
    alert("inside if");

      $('#mainDivId').addClass('ui-content jqm-content feed');
        $('<div id="linkToInstagramDivId"></div>')
            .html('<p><img src="img/instagram-logotype.png" alt="" /></p><p>Link To Instagram</p><div><input type="button" data-inline="true" value="Sign In" onclick="LinkToInstagram();"></div>')
           .appendTo('#mainDivId');

       alert("inside after if");
    } else {
        alert("inside else");

    $('#mainDivId').addClass('ui-content jqm-content');
    $('<div id="uploadToInstagramDivId"></div>')
        .html('<p>Upload Photos To Instagram</p>
            <input type="button" value="Upload Photos" data-inline="true"
            onclick="UploadToInstagram();">').appendTo("#mainDivId");
 }

 //call display onLoad
 display ();

});

$（文档）.ready（函数（）{
var accessTokenValue=“终止符”；
功能显示（）{
如果（accessTokenValue==''）{
警报（“内部如果”）；
$（'#mainDivId'）.addClass（'ui-content jqm content feed'）；
$('')
.html（“
链接到Instagram
”）
.appendTo（'mainDivId'）；
警报（“如果发生后在内部”）；
}否则{
警惕（“其他内部”）；
$（'#mainDivId'）.addClass（'ui-content jqm content'）；
$('')
.html（'将照片上载到Instagram

）。附录（“#mainDivId”）；
}
//呼叫显示加载
显示（）；
});

现场演示：

只要查看是否正确加载了所有Jquery库，并从代码中删除那些nackward斜杠，它们是不必要的：）

快乐编码：）

没有Jquery

function display(){
if (accessTokenValue === '') {
    var newdiv = document.createElement('div');
newdiv.id = "linkToInstagramDivId";
newdiv.innerHTML = '<p><img src="img/instagram-logotype.png" alt="" /></p><p>Link To Instagram</p><div><input type="button" data-inline="true" value="Sign In" onclick="LinkToInstagram();"></div>';
document.getElementById("mainDivId").appendChild(newdiv);
} else {
var maindiv = document.getElementById('mainDivId');
maindiv.className += " ui-content jqm-content";
var newdiv = document.createElement('div');
newdiv.innerHTML = '<p>Upload Photos To Instagram</p><input type="button" value="Upload Photos" data-inline="true" onclick="UploadToInstagram();">';
maindiv.appendChild(newdiv);
};

函数显示（）{
如果（accessTokenValue==''）{
var newdiv=document.createElement（'div'）；
newdiv.id=“linkToInstagramDivId”；
newdiv.innerHTML='链接到Instagram
'；
document.getElementById（“mainDivId”）.appendChild（newdiv）；
}否则{
var maindiv=document.getElementById（'mainDivId'）；
maindiv.className+=“ui内容jqm内容”；
var newdiv=document.createElement（'div'）；
newdiv.innerHTML=“将照片上传到Instagram
”；
主分区附加子分区（新分区）；
};

})

---

忘记了分号…哎呀：）

我想你没有像在dom中那样将div添加到文档中。你能用jquery检查一下吗？如何处理jquery？警报是否正在触发？是的，警报正在触发，即使类没有添加到该div？mainDivId我在FireBug中检查了它。检查了链接。@user3519216：你是说js吗fiddle，我发布的函数不起作用？或者你的代码不起作用？@user3519216：从哪里调用函数并不重要，我在JSFIDLE中所做的只是一个示例，展示了工作的代码。你到底想什么时候调用该函数？当页面加载时，该函数应该像在脚本中调用一样自动执行EXEXCEXC。。。@user3519216:这应该不是问题，您只需调用

$（文档）中的完整函数即可。就绪（函数（）{//call display（）here}）

。还编辑了我的答案。