Question

我设置了一个rel标签，以便在我的搜索栏中显示一些文字。由于某些奇怪的原因，它不会在主页上显示文字： http://www.horecavacaturebank.nl/

<input type="text" id="search" title="" name="s" class="text placeholder" rel="Alle vacatures" value="" />
<input type="text" id="near" title="Locatie" name="location" class="text placeholder" rel="Locatie" value="" />

我在“Bekijk CV”页面上使用了相同的代码，该页面实际上正在运行： http://www.horecavacaturebank.nl/cv/

<input type="text" id="search" title="" name="s" class="text placeholder resume-search" rel="CV's zoeken" value="" /

我花了2个小时来解决这个问题，并认为现在是时候向你们寻求帮助了。提前谢谢！

编辑：它表示它与jquery文件有冲突。如果我删除以下行，搜索栏将工作，但滑块将不再：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.3.min.js"></script>

Answer 1

您可以尝试http://code.google.com/p/jquery-watermark/

Answer 2

@Quentin是对的。您不应对rel元素使用input属性。

您可以使用简单的jQuery来获得您想要的效果

$('#search').val('Alle vacatures');
$('#near').val('Locatie');

$('#search, #near').focusin(function(){
    $(this).val('')
});

$('#search, #near').focusout(function(){
    if ($('#search').val() == ""){
        $('#search').val('Alle vacatures');    
    }
    if ($('#near').val() == ""){
        $('#near').val('Locatie');    
    }
});

您可以设置输入中显示的值。当您专注于任一输入时，该值将被删除。一旦输入失去焦点，如果该字段没有添加任何内容，则该值将再次放回。

http://jsfiddle.net/2HY7y/

搜索栏不显示rel标签

2 个答案: