Skip to content

Instantly share code, notes, and snippets.

@puginabox

puginabox/jquery-click-ajax.html

Last active August 29, 2015 14:21
Show Gist options
  • Save puginabox/43e6f611cb3d58c6415c to your computer and use it in GitHub Desktop.
Save puginabox/43e6f611cb3d58c6415c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. puginabox revised this gist May 20, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion jquery-click-ajax.html
    View file
    Original file line number Diff line number Diff line change
    @@ -16,7 +16,7 @@ <h3>Stuff</h3>
    <script>
    (function(){
    $('.list-item').on('click', 'button', function(){
    $.ajax('http://ilikekillnerds.com/2014/07/how-to-basic-tasks-in-gulp-js/',{
    $.ajax('section.html',{
    success: function(response){
    $('.dropping').html(response).slideDown();
    }
  2. puginabox revised this gist May 20, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions jquery-click-ajax.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,4 @@
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <ul>
    <li class="list-item">
    <h3>Stuff</h3>
  3. puginabox revised this gist May 20, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions jquery-click-ajax.html
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    <h3>Stuff</h3>
    <button>clickety!</button>
    <div class="dropping">
    <a href="http//example.com" class="view"></a>
    <a href="" class="view"></a>
    <p>Vis te viderer efficiantur, vel te apeirian nominati molestiae. Ad vocent adolescens cum, ei vim habeo congue labore, euismod detraxit consequat eu usu. In tation appellantur vel. Vim possit probatus consetetur ea. Te illud zril timeam qui, eam vocibus facilisi hendrerit an.</p>
    <p>Nobis partiendo intellegat an nam. Ne eum quem dolore facilisis. Ea omnium denique duo. Mea ad delectus luptatum. Eos primis quaerendum ne. Eam primis saperet ad, est esse exerci possim an, in scripserit theophrastus cum.</p>
    </div>
    @@ -15,7 +15,7 @@ <h3>Stuff</h3>
    <script>
    (function(){
    $('.list-item').on('click', 'button', function(){
    $.ajax('markup.html',{
    $.ajax('http://ilikekillnerds.com/2014/07/how-to-basic-tasks-in-gulp-js/',{
    success: function(response){
    $('.dropping').html(response).slideDown();
    }
  4. puginabox revised this gist May 20, 2015. 2 changed files with 26 additions and 8 deletions.
    26 changes: 26 additions & 0 deletions jquery-click-ajax.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    <ul>
    <li class="list-item">
    <h3>Stuff</h3>
    <button>clickety!</button>
    <div class="dropping">
    <a href="http//example.com" class="view"></a>
    <p>Vis te viderer efficiantur, vel te apeirian nominati molestiae. Ad vocent adolescens cum, ei vim habeo congue labore, euismod detraxit consequat eu usu. In tation appellantur vel. Vim possit probatus consetetur ea. Te illud zril timeam qui, eam vocibus facilisi hendrerit an.</p>
    <p>Nobis partiendo intellegat an nam. Ne eum quem dolore facilisis. Ea omnium denique duo. Mea ad delectus luptatum. Eos primis quaerendum ne. Eam primis saperet ad, est esse exerci possim an, in scripserit theophrastus cum.</p>
    </div>

    </li>

    </ul>

    <script>
    (function(){
    $('.list-item').on('click', 'button', function(){
    $.ajax('markup.html',{
    success: function(response){
    $('.dropping').html(response).slideDown();
    }
    });
    });
    })();

    </script>
    8 changes: 0 additions & 8 deletions jquery-click.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +0,0 @@
    <ul>
    <li>
    <h3>Stuff</h3>
    <p>Vis te viderer efficiantur, vel te apeirian nominati molestiae. Ad vocent adolescens cum, ei vim habeo congue labore, euismod detraxit consequat eu usu. In tation appellantur vel. Vim possit probatus consetetur ea. Te illud zril timeam qui, eam vocibus facilisi hendrerit an.</p>
    <p>Nobis partiendo intellegat an nam. Ne eum quem dolore facilisis. Ea omnium denique duo. Mea ad delectus luptatum. Eos primis quaerendum ne. Eam primis saperet ad, est esse exerci possim an, in scripserit theophrastus cum.</p>
    </li>

    </ul>
  5. puginabox revised this gist May 20, 2015. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion jquery-click.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,8 @@
    <ul>
    <li></li>
    <li>
    <h3>Stuff</h3>
    <p>Vis te viderer efficiantur, vel te apeirian nominati molestiae. Ad vocent adolescens cum, ei vim habeo congue labore, euismod detraxit consequat eu usu. In tation appellantur vel. Vim possit probatus consetetur ea. Te illud zril timeam qui, eam vocibus facilisi hendrerit an.</p>
    <p>Nobis partiendo intellegat an nam. Ne eum quem dolore facilisis. Ea omnium denique duo. Mea ad delectus luptatum. Eos primis quaerendum ne. Eam primis saperet ad, est esse exerci possim an, in scripserit theophrastus cum.</p>
    </li>

    </ul>
  6. puginabox created this gist May 20, 2015.
    4 changes: 4 additions & 0 deletions jquery-click.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    <ul>
    <li></li>

    </ul>