小编Jac*_*per的帖子

我正在尝试创建最有效的功能,在单击旁边的标签时聚焦文本框.我有一个工作函数,但它充满了一堆if语句.这种形式有16个文本框,所以我不希望每次单击标签时该函数都要经过16个if语句.这是我的工作代码:

HTML

        <div>
          <div>
            <span class="form-label">Contact Name</span>
          </div>
          <div>
            <input type="text" name="name" id="signup_name">
          </div>
        </div>

        <div>
          <div>
            <span class="form-label">Email Address</span>
          </div>
          <div>
            <input type="email" name="email" id="signup_email">
          </div>
        </div>

jQuery的

$('.signup_container .form-label').click(function() {
    labelName = $(this).html()
    if (labelName.indexOf("Contact Name") >= 0) {
        $('#signup_name').focus();
    }
    if (labelName.indexOf("Email Address") >= 0) {
        $('#signup_email').focus();
    }
});

现在我想创建一些更小的东西,比如:

jQuery的:

$('.signup_container .form-label').click(function() {
    $(this).closest('input[type=text]').focus();
});

但是我无法让这个功能正常运行.是否有可能使用最接近和焦点这样的？

我正在努力修复我的网站在 iPad 纵向模式下的显示。问题是页面长度没有 iPad 的纵向显示那么长。这是我正在谈论的内容的图片：

我创建了一个 jQuery 函数，我认为该函数可以检测文档高度是否与窗口高度一样大，然后我可以将页脚的位置设置为固定。这是我的代码：

if ($(document).height() < $(window).height()) {
    $('#footer-wrapper').attr('style', 'position: fixed!important; bottom: 0px;');
}

当前CSS：

#footer-wrapper {
    padding: 20px 0px 23px;
    background-color: #E3E9DC;
    border-bottom: 3px solid #007897;
    border-top: 3px solid #007897;
    color: #585858;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    #footer-wrapper {
        /*padding: 20px 0px 23px;*/
        background-color: #E3E9DC;
        border-bottom: 3px solid #007897;
        border-top: 3px solid #007897;
        color: #585858;
        position: relative;
        margin-bottom: -65px!important;
        width: 100%;
        text-align: …

我正在尝试使用ajax $ .get()请求在我的一个WordPress页面中显示计算数据.我还没有决定是否要在我的不同服务器上托管php计算文件,或者托管WordPress的服务器(不要认为这会因为数据请求而有所作为).我想在wp-admin中创建的页面中将以下代码添加到header.php文件中,甚至更好:

<script>
  $(document).ready(function(){
      $.get("http://my-other-website.com/parse-list.php",function(data){
          alert(data);
      });
  });
</script>

我知道这是一个基本功能,但我真的很难理解它在WordPress中是如何工作的,但是在我没有托管WordPress的其他服务器上工作.我测试了jQuery以确保它正确加载,带有一个简单的警报("嘿");并且警报工作得很好.有没有其他人有这个问题？任何帮助将不胜感激!