导致Wordpress崩溃的OnFocus javascript命令

Question

我在调整Wordpress主题，并试图清除焦点上的搜索字段，但是当我添加下面的代码时，我得到了死亡的白色屏幕。实际的JavaScript函数似乎是杀了它，因为如果我用空的onfocus =“”命令运行这个PHP脚本，一切都很好。

add_filter('wp_nav_menu_items','add_search_box', 10, 2); 
    function add_search_box($items, $args) { 
if($args->theme_location == 'primary') { 
    $items .= '<li id="omc-header-search">    
        <span id="omc-search-overlay">'. __('Search', 'gonzo') .' &rarr;</span> 
        <form method="get" id="desktop-search" class="omc-search-form" action="'.get_bloginfo('url').'/"> 
         <input type="text" class="omc-header-search-input-box" value="Search" onfocus="if(this.value == 'Default text') { this.value = ''; }" name="s" id="fffff"> 
         <input type="submit" class="omc-header-search-button" id="searchsubmit" value=""> 
        </form> 
       </li>'; 

return $items; 

} 

我不知道为什么这会导致整个事情崩溃。

Answer 1

白页通常表示PHP致命错误或语法错误。
在这种情况下，有一对夫妇不同的错误：

• 你还没有从你的if()声明关闭{
• 你长的文本字符串中嵌入引号'没有被正确地转义。

您在字段中的默认文本应该是什么也不一致。

• 你它value="Search"
• 设置为"Search" ...但如果它等于"Default text"你只是将其清除。

如果修复PHP语法错误，并将Default text更新为Search，它应该可以工作。

像这样：

add_filter('wp_nav_menu_items','add_search_box', 10, 2); 
function add_search_box($items, $args) { 
    if($args->theme_location == 'primary') { 
     $items .= '<li id="omc-header-search">    
      <span id="omc-search-overlay">'. __('Search', 'gonzo') .' &rarr;</span> 
      <form method="get" id="desktop-search" class="omc-search-form" action="'.get_bloginfo('url').'/"> 
      <input type="text" class="omc-header-search-input-box" value="Search" onfocus="if(this.value == \'Search\') { this.value = \'\'; }" name="s" id="fffff"> 
      <input type="submit" class="omc-header-search-button" id="searchsubmit" value=""> 
      </form> 
      </li>'; 
    } 
    return $items; 
} 

Answer 2

尝试逃脱onfocus内引号：

onfocus="if(this.value == \'Default text\') { this.value = \'\'; }" 

当PHP中的反斜杠会消失呼应和脚本看起来就像你想要的。