<p dir="auto">Hey guys,</p>
<p dir="auto">First, thanks for your hard work. I appreciate it. I can't get Pager to work with a <code class="notranslate">&lt;span&gt;</code>. This surprised me because <code class="notranslate">&lt;span&gt;</code> is an inline element like <code class="notranslate">&lt;a&gt;</code>.</p>
<p dir="auto">Here's the problem: <em>EDITED</em> <a href="http://jsfiddle.net/rEvmb/" rel="nofollow">http://jsfiddle.net/rEvmb/</a></p>
<p dir="auto">This is related to: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3712082" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/2680" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/2680/hovercard" href="https://github.com/twbs/bootstrap/issues/2680">#2680</a></p>
<blockquote>
<p dir="auto">you can still use other inline tags like em, b, span or any other if permitted by your template engine.</p>
</blockquote>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;ul class=&quot;pager&quot;&gt;
    &lt;li&gt;&lt;span id=&quot;blogPosts:backLink&quot; class=&quot;previous&quot;&gt;Previous&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot; id=&quot;blogPosts:forwardLink&quot; class=&quot;next&quot;&gt;Next&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;​"><pre class="notranslate"><code class="notranslate">&lt;ul class="pager"&gt;
    &lt;li&gt;&lt;span id="blogPosts:backLink" class="previous"&gt;Previous&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" id="blogPosts:forwardLink" class="next"&gt;Next&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;​
</code></pre></div>
<p dir="auto">Why a span? Sigh. I don't want to make excuses or use this to justify my bug report... but when my template engine disables a link programmatically, it transforms it from <code class="notranslate">&lt;a&gt;</code> to <code class="notranslate">&lt;span&gt;</code>. This is sort of duplicate functionality that Bootstrap also provides.</p>
<p dir="auto">If <code class="notranslate">.show</code> or <code class="notranslate">.hide</code> is called on a tooltip or popover, the tip is first <code class="notranslate">.remove</code>d, effectively destroying all bindings applied to itself and all child elements of it.</p>
<p dir="auto">This makes the creation of form-like elements, i.e. the reaction on buttons, very cumbersome.</p>
<p dir="auto">Instead of using <code class="notranslate">.remove</code>, a <code class="notranslate">.detach</code> could be used on the <code class="notranslate">.open</code> and <code class="notranslate">.close</code> method.<br>
In order to allow the total removal of a tooltip/popover, a <code class="notranslate">.destroy</code> or <code class="notranslate">.remove</code> method could be implemented that effectively duplicates the current state of the <code class="notranslate">.hide</code> method.</p>