Wordpress标签自动关闭

问题描述：

Wordpress更正了帖子以及模板特定文件中的html标记。我正在研究一个模板，我试图实现的是将一个div包装在<a href"#"></a>标记中。Wordpress标签自动关闭

在放置foreach循环之前，先放一些php和html标记，并在foreach循环结束之前粘贴结束标记。什么是wordpress doeas会自动在href字符串标签后面添加结束标签，删除正确放置的结束标签，使链接为空。

He're就是I型：

<li <?php if (get_option('square_portfolio_filter') != "true") { ?> data-id="id-<?php echo $count; ?>" data-type="<?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>" <?php ; } ?>> 
<a href="#"> 
    <div class="thumbs-animate"> 
     <?php 
     if (has_post_thumbnail()) { 
     the_post_thumbnail(array(255,191), array('title' => ''.get_the_title().'')); 
     } 
     ?> 
     <div class="details"> 
      <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5> 
      <p><?php content('15'); ?></p> 
      <a href="<?php the_permalink(); ?>"> 
      <?php 
      if(get_option('square_view_project_link')!="") { 
      echo get_option('square_view_project_link'); 
      }else { 
      _e('View Project', 'square_lang'); 
      }          
      ?> 

     </div> 
    </div> 
</a> 
</li>

而且这里是WordPress的最终节省：

<li <?php if (get_option('square_portfolio_filter') != "true") { ?> data-id="id-<?php echo $count; ?>" data-type="<?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>" <?php ; } ?>> 
<a href="#"></a> 
    <div class="thumbs-animate"> 
     <?php 
     if (has_post_thumbnail()) { 
     the_post_thumbnail(array(255,191), array('title' => ''.get_the_title().'')); 
     } 
     ?> 
     <div class="details"> 
      <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5> 
      <p><?php content('15'); ?></p> 
      <a href="<?php the_permalink(); ?>"> 
      <?php 
      if(get_option('square_view_project_link')!="") { 
      echo get_option('square_view_project_link'); 
      }else { 
      _e('View Project', 'square_lang'); 
      }          
      ?> 

     </div> 
    </div> 
</li>

我暂时使用一些JavaScript代码，但它既不好也不做法固定的问题我想要的：

onclick="location.href='<?php the_permalink();?>';" style="cursor:pointer;"

答

<a href="#"><div>...</div></a>是无效的HTML。您不应该在内联元素（a）内部具有块级元素（div）。 WordPress很可能试图保护你免受这种情况的侵害。

我不能告诉，如果使用#为您href是实际的代码，或只是你为简化的东西的一部分，但如果这是真实的代码，您要附加一个onclick或东西的a，你可以改为附加到div，它也可以工作。

，我在我的div的onclick附着其触发解决了这个问题，但是内联js不是正确的样式，所以我想通过仅使用html标记来使div成为链接 –

您可以让'div'接受'click'事件而不诉诸内联脚本，请参见https： //developer.mozilla.org/en-US/docs/DOM/element.addEventListener - 或者如果你的网站有jQuery，http://api.jquery.com/click/ – smitelli

我同意，即使是听众也会这样做，但我如果可能的话，想省略js乐;） –

答

只是想评论说，包装一个块级元素里面是一个内联元素是HTML完全正常5.

<a href="#"><div>...</div></a>是有效的HTML 5

Wordpress标签自动关闭

相关推荐