小编pat*_*cko的帖子

添加Jquery的链接

我正在尝试根据您已经使用的页面添加指向我页面的链接.我正在使用Squarespace来构建这个站点,所以对我来说最简单的方法就是使用Javascript或Jquery.

我认为我错过了这种语法有问题.我已经尝试用\来打破引号,但那不起作用.如果我只是输出文本,它工作正常,但是当我尝试使用链接时,它似乎会中断.

 if(loc == pageOne) {
$("#pages").append("<div> <a href=\"http://design.optimus.com/projects?currentPage=2\">Next Page</a> </div>")
    }else{
  if(loc == pageOneB){
    $("#pages").append("<div> <a href=\"http://design.optimus.com/projects?currentPage=2\">Next Page</a> </div>")
  }else{
    if(loc == pageTwo){
     $("#pages").append("<div> <a href=\"http://design.optimus.com/projects\">Previous Page</a></div> ")
  }
 }
}
Run Code Online (Sandbox Code Playgroud)

编辑:我刚检查过,链接似乎在Chrome中运行,但不是Firefox.

另一个编辑:所以链接也在Safari中工作.我想现在的问题是为什么不在Firefox中呢?Firefox不支持这种方法吗?

javascript jquery append

5
推荐指数
1
解决办法
3万
查看次数

全屏毯子只覆盖可见屏幕.如果你向下滚动就没有了

这可能是一个简单的问题,但我似乎无法弄明白.

我正在使用jquery创建一个弹出窗口.单击编辑按钮时,会出现一个弹出窗口,并且毯子覆盖其后面的所有内容,以给出淡出的印象.

我让它正常工作,但背景毯只覆盖可见的屏幕空间.这意味着您可以向下滚动并查看毯子的结束位置.

我试图让它覆盖页面上的所有内容,即使你滚动也看不到的东西.

这是我目前的css,

#blanket {  
 background-color:#111;
 opacity: 0.65;
 filter:alpha(opacity=65);
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:2000}
Run Code Online (Sandbox Code Playgroud)

我怎么能得到它来涵盖一切?

html css jquery

4
推荐指数
1
解决办法
907
查看次数

获取两个日期之间的所有日期

我有一个问题,用户选择一系列日期.然后我需要找出这两个选定日期之间的日期.他们通过jquery进入一些简单的事情

$('#from').val()+"-"+$('#to').val();

他们来自jqueryUI datepicker,他们只是看起来像

08/07/2013 - 08/09/2012

但我无法弄清楚如何逐步完成日期并确定两者之间的日期.我需要特定的日期,但这会变得非常复杂,例如月末和每个月的不同天数.在这个具体的例子中,我需要得到

08/07/2013, 08/08/2013, 08/09/2013

jquery date

3
推荐指数
1
解决办法
2万
查看次数

为什么添加旋转动画会抵消我的图像?

我试图制作一个旋转的徽标,但是一旦添加动画,它就会向下跳,我不明白为什么。我只是添加-webkit-animation: rotation 5s infinite linear;,根本没有调整位置。

这是它的实时版本,您可以单击初始动画后的徽标来添加旋转类。有什么想法如何让它保持在原位吗?

const EL_logo = document.querySelector(".permanent-logo");
EL_logo.addEventListener("click", () => {
  EL_logo.classList.add("rotate-logo");
});
Run Code Online (Sandbox Code Playgroud)
.permanent-logo {
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 70px;
  width: 120px;
}

.rotate-logo {
  animation: rotation 5s infinite linear;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
Run Code Online (Sandbox Code Playgroud)
<div class="initial-overlay">
  <div class="logo-container">
    <img class="permanent-logo" src="https://i.stack.imgur.com/g2LtV.png" alt="logo">
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css animation

3
推荐指数
1
解决办法
246
查看次数

SQL选择具有匹配值的行

我正在尝试使用php和sql组合一个SELECT语句,但我很难尝试选择我想要的项目.

让我说我的桌子看起来像这样......


master_record_id     credit_id     credit_value
118                  5             Brian J
119                  5             Brian J
120                  7             Katie W
121                  5             Brian J
121                  7             Katie W
125                  7             Katie W
Run Code Online (Sandbox Code Playgroud)

我正试图找到其中master_record_id包含Katie W和Brian J的人.所以我选择了credit_value = Brian J OR Katie W,这就是结果.

基于这个小选择,我可以看到我想要的答案是121但我该如何选择呢?我想找到master_record_id包含Katie W和Brian J 的那个......

有没有办法让我说,"选择包含Katie W和Brian J的master_record_id"?

php sql select

2
推荐指数
1
解决办法
5008
查看次数

如何在特定范围内定位图像?

我正在构建一个多项选择问卷,使用jQuery在悬停时切换单选按钮.我有一个范围用于每个可能的答案,而在里面我有单选按钮,我想在悬停时交换源.

现在这些是我制作的图像,而不是实际的单选按钮.我有两个图像,已检查和未选中,并且当用户盘旋时我正在交换src.

因此,当用户将鼠标悬停在单选按钮本身或单选按钮旁边的实际文本上时,按钮会显示一个点.

这是我的跨度,包含单选按钮和文本(请记住我有5个这样的).

<span class='choice' id='A'><img src="images/radioUnchecked.png" width="20" height="21" class='radioButton'>A) Naked woman</span>
Run Code Online (Sandbox Code Playgroud)

那么当用户将鼠标悬停在文本上时,如何使用jQuery来定位单选按钮?

编辑:这是我的jQuery的使用切换,但只有当用户将鼠标悬停在形象工程.

$('img.radioButton').hover(function () {
    this.src = 'images/radioChecked.png';
}, function () {
    this.src = 'images/radioUnchecked.png';
});
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

0
推荐指数
1
解决办法
283
查看次数

需要帮助使用jquery来定位元素

之前可能已经问过这个问题了,但是我被卡住了,我尝试了很多不同的滤镜,我无法完全达到我需要的目标.我知道它可以做到,但我有点像:first :next: parent()等等.

无论如何,这是我的基本结构......

<tr>
    <td>06-22-2012</td>
    <td>11.00</td>
    <td>Whatever</td>
    <td><i>whatever</i><br /><br /><span class='leaveAComment'>Leave a comment</span></td>
    <td></td>
</tr>
<tr class='commentRow'>
    <td colspan=5>Comment:<input type='text'/><input type='submit'></td>
</tr>
Run Code Online (Sandbox Code Playgroud)

.leaveAComment单击跨度时,我想切换.commentRow最初隐藏的行的可见性.

这只是表格的一小部分.我得到的最接近的是$('tr').next('.commentRow').toggle(); 切换所有隐藏的行,而不仅仅是下一行.

任何帮助真的很感激!

html css jquery

-1
推荐指数
1
解决办法
39
查看次数

标签 统计

jquery ×5

css ×4

html ×4

javascript ×2

animation ×1

append ×1

date ×1

php ×1

select ×1

sql ×1