标签: click

我需要改变一个类.author来.authornew当我点击.

我的HTML:

<div class="meta-info" id="showhide">
    <div class="author"></div>
 <div id="author-dropdown" style="display: none;"></div>    

我的剧本:

<script>
$(document).ready(function() {
  $('#showhide').click(function() {
    if($('#author-dropdown').css('display') == 'none') {
      $('#author-dropdown').attr("id","author-dropdown-extended").slideDown();
    } else {
      $('#author-dropdown-extended').attr("id","author-dropdown").slideUp();
    }
    return false;
  });
});
</script>

#showhide是id按下.#author-dropdown是下拉内容.现在,脚本更改id了下拉内容,但实际上我需要将类更改.author为.authornew.我该如何修改脚本来执行此操作？谢谢!

我有以下HTML:

<div class="alert-message success">
  <a class="close" style="display: none; ">×</a>
  <p>Authenticated as Zach.</p>
</div>

以下是jQuery:

$('.close').click(function(){
  $('.alert-message success').hide('slow');
});

隐藏一个有什么根本性的错误<div>吗？如果我隐藏了.close,没有问题.我不知道为什么这不起作用.

对于一个网站,我使用的是jQuery supzersized gallery脚本:http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

正如您在演示中所看到的,右下角有一个小箭头按钮,可以切换缩略图栏.配置文件中没有选项可以在打开网站时自动将其混合.

所以我想我必须模拟点击该按钮(按钮是托盘按钮,请参阅HTML).我试过这样的事情:

<script>
$(function() {
    $('#tray-button').click();
});
</script>

但是,这似乎不适用于我测试过的任何浏览器.

任何的想法？

我有一个表格列表供我记录,我使用悬停功能将backgroundcolor更改为蓝色.为此,每件事都很好.

不,我添加了一个单击功能,用于将backgroundcolor更改为黄色,但由于某种原因,背景变为蓝色(悬停功能的颜色相同).

我做了一个演示,你可以在这里找到一个更好的例子.

我希望有人可以帮助我,提前谢谢!

更新4:

我有一种可怕的感觉,这已经下滑到目前为止没有人再看到它......但为了以防万一......

我试图结合可点击的div代码和ajax加载代码(参见下面的主要代码块)每次我添加可点击的div代码时,加载停止工作.我试过了:

$(".work").on('click',function(){
  window.location=$(this).find("a").attr("href");
});

$('.work a').on('click',function(event) {
    event.preventDefault();
 etc

这个

 $('div.work').on ('click',function(event) {

    window.location=$(this).find("a").attr("href");

    $(this).attr("href"); event.preventDefault();   

和许多其他排列 - 但他们都停止.load工作

已经耗尽了想法并变得绝望 - 请....

更新3:

还在努力解决这个问题......

更新2

由于下面的答案不断获得投票(即使我不确定为什么它适用...)我尝试了以下内容:首先我更新到jQuery 1.7.1并使用.on作为可点击的div代码:

$(".work").on('click',function(){
  window.location=$(this).find("a").attr("href");
});

这没有任何区别,所以我尝试将它应用于ajax加载代码:

$('div.clickable, .work a').on('click',function(event) {
    event.preventDefault();
etc

这没有任何区别......

我真的很感激为什么.live(.on)适用于这种情况,当我不想影响ajax加载的任何东西时...至少有4个成员认为它是......

更新:

如果有帮助,您可以在下面看到2个不同的版本.第一个显示了ajax负载的发生.第二个只是为可点击的div添加代码,这会阻止ajax加载工作:

http://www.spiritlevel.co.uk/clicktest/ajaxload.html

http://www.spiritlevel.co.uk/clicktest/divclick.html

原始邮寄:

我有一个div元素(.work),它包含一个h3标签,其中包含一个锚点,在单击时将ajax内容加载到另一个div(.pictures)中.

HTML看起来像这样:

<div class="work">
 <img class="introPic" src="images/thumb.jpg" width="250" height="99" />
 <h3><img class="arrow" src="images/arrow_open.gif" alt="&gt;" /><a class="titlelink" href="project2.html">Project 2</a></h3>
  <div class="projectIntro">
    <p>This is some intro text for project 2</p>
  </div>
 <div class="pictures"></div>
</div>

我使用此代码可以正常运行ajax:

jQuery(function($) …

我目前正在尝试创建一个按钮，该按钮会将用户带回到页面顶部，但具有动画效果。单击该按钮时，使页面滚动回到顶部。我在这里搜索，发现了这个 ..

我尝试使用以下方法对此做一个JSfiddle ...

的CSS

html {
margin:0;
padding:0;
height:2000px;
}

body {
height:2000px;   
}

#blue-box {
position:fixed;
width:100px;
height:70px;
margin-left:0px;
margin-top:50px;
background-color:blue;     
}

#blue-box h1{
font-family:Constantia;
font-size:20px;
text-align:center;
margin-top:5px;
color:#FFFFFF;
}

的HTML

<div id="blue-box">
<h1>Back To Top</h1>
</div>

的JavaScript

$(document).ready(function() {
var away = false;

$('#blue-box').click(function() {
$("html, body").animate({scrollTop: 0}, 500);
});

不幸的是，这似乎不起作用，我想知道我是否错过了某些事情或做错了明显的事情？

我知道有很多关于已经被点燃的多次点击事件,我想我已经阅读了所有这些,但仍然无法看到这里出了什么问题.

希望我完全错过了其他人可以轻易拿起的东西......

一些背景

我的代码在企业社交网络平台内部工作,并为内容分析创建了一个BI仪表板(大约1000行的内容,主要是特定于域的,所以太多了,无法完整地发布).

导致我悲痛的部分是构建仪表板可视化本身的功能.

开始...

function makePage(){
 $("#policyCount").text(policyCount);
  var docTypes=getGlobalDocTypes(polOwners); //returns a constrained vocab array
  var statusTypes=getGlobalStatusTypes(polOwners); //returns a constrained vocab array
  $.each(polOwners,function(){ // polOwners is a global array that contains the BI data to be visualised
   html=""
   var ownerName = this.name.split(":")[1]; // name is a str in format "Owner:HR"
   html += "<div id='" + ownerName + "' class='ownerData'>";
   html += "<div class='ownerHeading'>" + ownerName + "</div>";
   html += this.policies.length + " Policy documents maintained<br />"; // policies is …

我有以下代码:

var buttonOne = $("#buttonOne");
var buttonTwo = $("#buttonTwo");

// opens an already initialized modal window 
(buttonOne, buttonTwo).click(function()
{
    modalBoxContainer.dialog("open");
});

这不起作用.如果我使用元素,它将起作用,但不会与变量一起使用.

有任何想法吗？

如果更改元素的可见性,visibility: hidden如果用户单击它,单击事件是否仍会触发？

我想"隐藏"一个元素(即<span>)并禁用点击事件,但保留是文档正常流程中的位置.所以display: none;不会工作,因为它从正常流程中删除了文档,但是想知道在没有实际处理click事件和使用preventDefault()的情况下,我通过CSS的其他选项是什么？

我想在webbrowser对象中单击事件按钮.

单击按钮我想伸出并编写代码？例如,在站点弹出窗口中的webbrowser对象上单击登录按钮以捕获事件并想编写代码？

我用谷歌翻译,对不起有什么不对:)