Sublime Snippet Selection Problems

Question

I am new to Sublime Text 2, and I am trying to create my own snippet. It is going to be a click function, because I use these quite often. From what I understand at this article, I can use ${1:text} to have that text selected first when I open the function. I am trying to wrap this around the selector. This is my code so far

<snippet>
  <content><![CDATA[

    jQuery("${1:div}").on("click", function () {
      $0
    });

  ]]></content>
  <tabTrigger>clickf</tabTrigger>
</snippet>

I have to use jQuery, because $ breaks the tab selection. So from my understanding, div should be selected. And if there are no indents, it works fine. But I have code that looks like this

<section>
  <div>
    <article>
      clickf --> tab this text
    </article>
  </div>
</section>

The text that is selected is not div anymore. I am unsure of why this behavior is occurring. The number of characters is still the right length, but the text that is selected is now closer to the beginning.

aleksblago · Accepted Answer · 2013-06-26 22:52:41Z

3

If you'd rather use $ instead of jQuery you can simply escape it with \. Your snippet works fine for me on two different machines, so maybe you can try escaping the curly braces as well:

<snippet>
    <content><![CDATA[
        \$("${1:div}").on("click", function () \{
              $0
        \});
    ]]></content>
    <tabTrigger>clickf</tabTrigger>
    <description>jQuery Click Event</description>
</snippet>

I would have left this as a comment, but my rep isn't up high enough yet. :)

answered Jun 26, 2013 at 22:52

aleksblago

3231 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Sublime Snippet Selection Problems

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related