Question

public static boolean isTimeAutomatic(Context c) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
        return Settings.Global.getInt(c.getContentResolver(), Settings.Global.AUTO_TIME, 0) == 1;
    } else {
        return android.provider.Settings.System.getInt(c.getContentResolver(), android.provider.Settings.System.AUTO_TIME, 0) == 1;
    }
}

我的页面中有三个链接。如果我点击链接，它将转到指定的页面。现在我想将此链接加载到我的div标签中。有一些答案已经可用但不起作用。

我尝试过这样做（来自评论的澄清）：

<a href="WebForm1.aspx">Form1</a>  
<a href="WebForm2.aspx">Form2</a>  
<a href="WebForm3.aspx">Form3</a>   
<div id="content"> </div>  ``

Answer 1

只是一个有效的例子：

$(function() {
  $('.link').on("click", function(e) {
    e.preventDefault();
    var href = $(this).attr('href');
    $("#content").html('<object data="' + href + '" />');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<a class="link" href="http://www.example.com">Link - Site 1</a>
<a class="link" href="http://tired.com">Link - Site 2</a>
<div id="content"></div>

Answer 2

使用jQuery时，您必须链接到jQuery library或 Download a copy 并链接到它。

示例：链接到jQuery library

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

完成后，您就可以开始使用jQuery。

jQuery有DOM ready函数，建议您将所有jQuery放在其中以防止页面加载时出现任何错误。这将确保jQuery仅在页面加载内容“Page / DOM准备就绪”时运行。

示例： DOM ready功能。

$(document).ready(function(){ 
//Script/Function go here...
});

将e替换为event或将事件传递给函数后，将您的尝试放在一起。

示例：将event作为e
传递

$('a').on("click", function(e){
e.preventDefault();
$("#content").load(this.getAttribute('href'));
});

示例：不传递event

$('a').on("click", function(){
event.preventDefault();
$("#content").load(this.getAttribute('href'));
});

您的整体脚本应如下所示：

$(document).ready(function(){ 
$('a').on("click", function(){
event.preventDefault();
$("#content").load(this.getAttribute('href'));
});
});

工作演示＆gt; JSfiddle

$(document).ready(function(){ 
$('a').on("click", function(){
event.preventDefault();
//This will run just fine for files stored within  your own domain
//$("#content").load(this.getAttribute('href'));

// Load External pages.
$("#content").html('<object data="'+this.getAttribute('href')+'" />');
});
});

#content{height:250;width:500px;}
#content object{height:100%;width:100%;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<a href="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">jQuery 3.1.1</a>  
<a href="https://api.jquery.com/ready/">jQuery Dom Read</a>  
<a href="https://jsfiddle.net/2nkek4hb/1/">Form3</a>   
<div id="content"></div>

我更喜欢在<head>标签之间保留我的javascript / jQuery，但完全取决于你。

Snipped Update：

如果您将CSS height:100%;和width:100%;应用于该对象，那么它应符合#content的大小我编辑了该代码段，但更改如下所示。

<强> CSS：

#content{height:250;width:500px;}
#content object{height:100%;width:100%;}

如果您对上述源代码有任何疑问，请在下面留言，我会尽快给您回复。

我希望这会有所帮助。快乐的编码！

如何在同一页面的div标签中打开链接？

2 个答案: