Question

提前感谢。

问题是：

我有2个按钮，当用户点击它时显示div的内容。

div的内容在一个函数中显示用户点击按钮时的内容（onclick）。

但是当页面加载时只显示没有任何内容的两个按钮，是否有任何方法可以放置＆＃39;其中一个按钮默认处于活动状态？

我试过这个：

HTML：

<div class="diferencias col-md-12 col-lg-12">
 <div class="diferencias col-md-6 col-lg-6"><input type="button" value="Web" onClick="fashioncatweb();">
</div>
 <div class="diferencias col-md-6 col-lg-6"> <input type="button" value="Logo" onClick="fashioncatlogo();">
</div>
 </div>

<div class="row">
<div id="container">
<div id="content"></div>
</div>
</div>

JS：

function fashioncatweb()
{
var text = "<p>text";
var img = "images/.....";
var content = "<div class=\"col-md-7\"><div class=img><img class=img-responsive src=\"" + img + "\" alt=\"\" /></div></div>"
   + "<div class=\"col-md-5\"><div class=pre-scrollable id=\"fashion\">" + text + "</div></div>";
appendToContainer(content);
}

function fashioncatlogo()
{
var text = "<p>text";
var img = "images/....png";
var content = "<div class=\"col-md-7\"><div class=img><img class=img-responsive src=\"" + img + "\" alt=\"logo\" /></div></div>"
+ "<div class=\"col-md-5\"><div class=pre-scrollable id=\"logo\">" + text + "</div></div>";
appendToContainer(content); 
}


$(document).ready(function () {
  piramidalweb();
});

但它只适用于一个部分，我有15个不同的部分。

再次感谢!!

Answer 1

你应该有一个单击按钮调用的函数：

使用纯Javascript：

<input type="button" value="Button1" id="btn1" onclick="showContent(this.id)" />

function showContent(id) {
  if(id === "btn1") {
      // show the content 
  }
}

然后立即在脚本标签内的页面底部调用：

showContent("btn1");

这将立即加载内容。

为了改善这一点，你可以执行这个函数onload，或者在jQuery中的ready函数中执行，但希望你能从那里获取它。

默认情况下如何激活按钮？

1 个答案: