0

我设置了一个 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>
4

2 回答 2

0

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

于 2011-05-25T11:20:45.177 回答
0

@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/

于 2011-05-25T13:19:18.300 回答