繁体   English   中英

在div中显示不同的内容

[英]Display different content in a div

我想在用户单击链接时更改div的内容。 为此,我尝试使用以下代码:

function openModal() {
    el = document.getElementById("modal");
    el.style.visibility = "visible";
}    

function showContent(id) {
    openModal();
    $("#modal").load("modal/id.php");
    return false;
}    

但是,它不会将"modal/id.php"更改为"modal/something.php"id.php在模式目录中打开一个名为id.php的文件。 我该如何改变?

不知道您的问题是什么。 也许这就是答案。

  1. PHP

      echo "This other text is inside a PHP script"; 
  2. HTML

在此处输入图片说明

请提供其余代码。 听起来可能只是一个ID疏忽。

显示特定的<div> setTimeout() 处的内容</div><div id="text_translate"><p>在下面的代码中,我正在使用setTimeout()对我的后端 node.js 应用程序进行 API 调用,该应用程序每 5 秒调用一次我的 AJAX。 在我的 AJAX 成功中,我根据应至少执行一次的特定条件显示divContent1和divContent2 。 之后,在每个setTimeout()调用中,只有divContent2应该是可见的。</p><p> <strong>索引.html</strong></p><pre> &lt;script type="text/javascript"&gt; $(document).ready(function(){ $.ajax({ url: "http://localhost:8070/api/route1", type: 'POST', dataType:'json', success: function(res) { //Some Task } }); $("#myButton").click(function(){ const route2 = function() { $.ajax({ url: "http://localhost:8070/api/route2", type: "POST", dataType: "json", data: { var1: val1 }, success: function (res) { // Various tasks if(res.flag){ $("#divContent1").hide(); $("#divContent2").show(); } else{ $("#divContent1").show(); } //Functions that handle div content data }, beforeSend: function() { $("#divContent1").hide(); $("#divContent2").hide(); }, complete: function() { setTimeout(route2,5000); }, }); }; $(function(){ route2(); }) }); }); &lt;/script&gt;</pre><p> setTimeout() 调用整个route2来处理div内容的所有显示和插入。 但是,要求仅显示第二次调用的divContent2 。</p><p> 寻找解决方案</p></div>

[英]Display a specific <div> content at setTimeout()

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 (JavaScript吗?)显示带有不同内容的div吗? 展示<textarea> &lt;div&gt; 中的内容 在div中显示URL的内容 显示DIV中的内容 将不同的内容加载到div中 在不同的div中显示内容 输入密码显示div内容 onClick图片,显示div内容 显示特定的<div> setTimeout() 处的内容</div><div id="text_translate"><p>在下面的代码中,我正在使用setTimeout()对我的后端 node.js 应用程序进行 API 调用,该应用程序每 5 秒调用一次我的 AJAX。 在我的 AJAX 成功中,我根据应至少执行一次的特定条件显示divContent1和divContent2 。 之后,在每个setTimeout()调用中,只有divContent2应该是可见的。</p><p> <strong>索引.html</strong></p><pre> &lt;script type="text/javascript"&gt; $(document).ready(function(){ $.ajax({ url: "http://localhost:8070/api/route1", type: 'POST', dataType:'json', success: function(res) { //Some Task } }); $("#myButton").click(function(){ const route2 = function() { $.ajax({ url: "http://localhost:8070/api/route2", type: "POST", dataType: "json", data: { var1: val1 }, success: function (res) { // Various tasks if(res.flag){ $("#divContent1").hide(); $("#divContent2").show(); } else{ $("#divContent1").show(); } //Functions that handle div content data }, beforeSend: function() { $("#divContent1").hide(); $("#divContent2").hide(); }, complete: function() { setTimeout(route2,5000); }, }); }; $(function(){ route2(); }) }); }); &lt;/script&gt;</pre><p> setTimeout() 调用整个route2来处理div内容的所有显示和插入。 但是,要求仅显示第二次调用的divContent2 。</p><p> 寻找解决方案</p></div> 显示Div中的可折叠内容
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM