小编sur*_*713的帖子

我知道那里有很多关于这个的问题,但我不能让这个为我的生活工作.我已经尝试了几个解决方案,包括这个,第二个答案在这里和这个,我无法得到"必需"的消息出现.当ckeditor字段为空时,表单仍然会提交.

我查看了这里的文档,并且能够将编辑器的内容传递给警报,但是我没有足够的经验知道如何将它与验证插件集成.我花了这么多时间在这上面 - 有人可以帮忙吗？

这是我目前的代码,我创建了一个小提琴:http://jsfiddle.net/BmZ93/1/

     $('#add-job').validate({
                rules: {
                editor1: {
                    required: function() 
                    {
                    CKEDITOR.instances.editor1.updateElement();
                    }
                    }
                },
                messages: {
                Job_Title: "Required",
                Job_Location: "Required",
                jobid: "Required",
                Job_Cat: "Required",
                editor1: "Required"
                } 
        });

我有一个带有可点击div的页面,可以在点击时切换内容.当第二次单击div(关闭内容)时,页面会跳回到顶部.

我发现这是其他人的问题,但我发现的所有解决方案都与锚标签有关,这不是问题所在.

我尝试在这里根据解决方案更改我的代码并添加return false;, event.preventDefault();但这些都没有.我究竟做错了什么？

jQuery的:

    $(document).ready(function(){
        $('h1').animate({"right":"147px"},3000);
        $('.more').toggle(
                function(){
                    $(this).css({
                        'z-index':'100',
                        'background-position': '41px 0px'
                        });
                    $('#heroFullColor').hide();
                    $('#heroNoColor').show();
                    $('div.' + $(this).attr('id')).fadeIn('fast');
                    $('.more').not(this).hide();
                },
                function(){
                    $(this).css({
                        'background-position': '0px 0px'
                            });
                    $('div.' + $(this).attr('id')).fadeOut('fast');                 
                    $('#heroNoColor, .infoWindow').hide();
                    $('#heroFullColor').fadeIn('fast');                 
                    $('.more').not(this).show();
                });
    });

HTML结构(在页面上重复多次):

    <div class="more" id="franceFlag"></div>
    <div class="infoWindow franceFlag">
        <img class="imageOn" src="images/lp_foundry_on-franceFlag.jpg" width="71" height="213" alt="French Flag" id="franceFlagOn" />
        <p class="franceFlag">blah blah blah</p>
    </div>      
    <div class="more" id="heliBoth"></div>
    <div class="infoWindow heliBoth">
        <img class="imageOn" src="images/lp_foundry_on-heliBoth.jpg" width="296" height="750" alt="Helicopters" id="heliBothOn" />
        <p class="heliBoth">blah …

我现在有一个div出现在悬停,但它只是弹出而不是滑入:

#home-heroImage{padding: 0px;
margin: 0px auto;
width:980px;
height: 525px;
position: relative;
z-index: 1;
    background-color: #fcba2e;
}#home-hero-pop{background-color: #ffffff;
opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
font: 16px Helvetica,Arial,sans-serif;
font-weight: bold;
color: #6d6e70;
text-align: left;
padding: 10px;
position: absolute;
right: 0px;
top: 0px;
height: 505px;
width: 460px;
z-index: 2;
}

小提琴.

在浏览了SO上的帖子之后,我找到了这个例子,如果我可以让它从右边而不是从底部滑入,它会起作用.我对JavaScript或jQuery了解不多,所以我试图对这段代码进行的修改并没有产生预期的效果:

$(document).ready(function(){
    $('.up-down').mouseover(function(){
        $('.default').stop().animate({
            height: 0    
        }, 200);                        
    }).mouseout(function(){
        $('.default').stop().animate({
            height: 200 
        }, 200)    
    })

});

小提琴.

我曾尝试在线阅读几篇JavaScript文章,但现在它们已经超出了我的想象.

我必须根据输入到我网站的搜索字词显示不同的div.该URL将包含输入的搜索词,因此我认为我可以检查URL中的字符串并显示div是否匹配.

对于Doufeu/doufeu部分,div只会根据第一个术语显示.代码如下 - 它只显示Doufeu是否在字符串中,而不是doufeu.为什么？

根据我在这里和这里阅读的内容,我尝试了下面的代码,并使用&&而不是|| 因为第二个链接解释了第二个条件只有在第一个条件为假时才被读取.我找到了这个并尝试用逗号分隔.不过对我来说没有用.这是我现在的位置:

        <script type="text/javascript">
        $(document).ready(function(){

            if ((window.location.href.indexOf("searchTerm=Doufeu" || "searchTerm=doufeu") > -1)){
            $("#learn-doufeu").show();
        }

        else {
            $("#ci-guide").show();
        }
        });
        </script>

我知道我可以制作一个新的if else条件并将doufeu与Doufeu分开,但肯定有办法用OR来做.