点击如何

jQuery Click how to?

本文关键字:      更新时间:2023-09-26

我有一个我发送的时事通讯,当某个链接被点击时,我希望它显示默认情况下未在页面上显示的信息。我这样做是通过URL检查URL参数,但我做错了,因为它不起作用。有谁能帮帮我,因为我不太擅长javascript。

下面是我的代码:
<p class="textcenter"><a id="click" href="javascript:showPhotoInfo();">Photo Info
</a></p>
<div id="PhotoInfo" class="hide">
<p>Info Here...</p>
</div>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
var url = window.location.href;
url = url.toLowerCase();
if (url.indexOf('?photoinfo=1') != -1 || url.indexOf('&photoinfo=1') != -1) {
    $j("#click").click();
}
});
function showPhotoInfo() {
        document.getElementById('PhotoInfo').style.display='block';
    }
</script>

我也试过这个:

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
var url = window.location.href;
url = url.toLowerCase();
if (url.indexOf('?photoinfo=1') != -1 || url.indexOf('&photoinfo=1') != -1) {
        function showPhotoInfo() {
        document.getElementById('PhotoInfo').style.display='block';
    }
}
});
function showPhotoInfo() {
        document.getElementById('PhotoInfo').style.display='block';
    }
</script>

如果一个人点击页面上的链接,它会正确显示。我需要检查URL参数,然后单击链接显示所需的信息。

我的意思是:

var $j = jQuery.noConflict();
$j(document).ready(function() {
   var url = window.location.href;
   url = url.toLowerCase();
   if (url.indexOf('photoinfo=1') != -1) {
      showPhotoInfo();
   }
});
function showPhotoInfo() {
    document.getElementById('PhotoInfo').style.display='block';
}

不要让<a id="click" href="javascript:showPhotoInfo();">Photo Info</a>尝试执行以下操作(在文档准备就绪的情况下)。它会"倾听"点击链接,而不会跟随点击链接(你会停留在页面上)。

<a id="click" href="#">Photo Info</a>
$j('#click').click(function(){
    $j('#PhotoInfo').show();
    return false;
});

也触发点击$j("#click").trigger('click'); - imho更清楚

相关文章:
  • 没有找到相关文章