<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Seatgo</title>
    <description>The latest articles on Forem by Seatgo (@seatgo).</description>
    <link>https://forem.com/seatgo</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3871381%2F79e0ea5f-89f4-4963-b6f0-368ee3960cb3.jpg</url>
      <title>Forem: Seatgo</title>
      <link>https://forem.com/seatgo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/seatgo"/>
    <language>en</language>
    <item>
      <title>How to Create a QR Code Seating Chart for Your Meeting</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Thu, 16 Apr 2026 09:24:21 +0000</pubDate>
      <link>https://forem.com/seatgo/how-to-create-a-qr-code-seating-chart-for-your-meeting-3998</link>
      <guid>https://forem.com/seatgo/how-to-create-a-qr-code-seating-chart-for-your-meeting-3998</guid>
      <description>&lt;p&gt;Our enterprises or organizations may often hold launch conferences or all-staff meetings. Many guests will attend the event at the beginning. So how can we place a QR code at the entrance so that guests can quickly query their seat information by scanning the code and entering their names or phone numbers?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.seatgo.net/" rel="noopener noreferrer"&gt;SeatGo — Create Digital Seating Chart QR Code&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Such a digital seat QR code can help you avoid sending emails to each guest to notify them of their seat information. And when there are changes to the guests' seats, you can directly modify the information instead of notifying all the customers. Therefore, the digital seat QR code is more suitable for current conference hosting.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnaee0nh5bkz0d3bmbjm6.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnaee0nh5bkz0d3bmbjm6.jpg" alt="Seating Chart QR Code" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  I. How to create a smart seat QR code for a conference?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;1. In the Seatgo background, directly click on the "Seat Query" function on the left;&lt;/li&gt;
&lt;li&gt;2. Click "Create" - select the event type as "Banquet";&lt;/li&gt;
&lt;li&gt;3. Modify the form configuration and set the copy according to the page prompts;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7dug2i9gdi9ty5thsam8.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7dug2i9gdi9ty5thsam8.jpg" alt="How to create a smart seat QR code for a conference" width="800" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;4. Place the smart seat QR code at the entrance of the wedding venue;5. Add or batch import seat information.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  II. How to use the smart seat QR code for a conference?
&lt;/h2&gt;

&lt;p&gt;We just need to place the QR code at the entrance of the venue. Nowadays, all smartphones support the QR code scanning function. So you just need to tell the guests to scan the code to get their seat information. Here is an example:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhiymwzw185uum0a00744.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhiymwzw185uum0a00744.jpg" alt=" " width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The QR code is not only beneficial to the guests but also convenient for the event organizers. With an electronic seating chart, you can make temporary changes without causing trouble to the guests. Flexibility is crucial when choosing an electronic seating chart platform. You need to be able to adjust the seating arrangement to handle last-minute absences and additional guests.&lt;/p&gt;

</description>
      <category>webdev</category>
    </item>
    <item>
      <title>How to Use QR Codes for Your Event’s Seating Chart?</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Wed, 15 Apr 2026 09:29:16 +0000</pubDate>
      <link>https://forem.com/seatgo/how-to-use-qr-codes-for-your-events-seating-chart-201j</link>
      <guid>https://forem.com/seatgo/how-to-use-qr-codes-for-your-events-seating-chart-201j</guid>
      <description>&lt;p&gt;Seating arrangements are crucial in formal events. A well - designed seating chart can help guests meet new people, get to know each other, and at the same time, make them feel comfortable. However, after determining the seating arrangement, you'll face another challenge - how to guide guests to their seats smoothly and avoid chaos.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.seatgo.net/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwb3vnt2674ailt9ldyw3.png" alt="Event’s Seating Chart" width="800" height="112"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Many events provide physical seat cards or seating chart signs to inform guests of their seat locations. But both methods may cause congestion in specific areas of the venue during seating.&lt;/p&gt;

&lt;p&gt;To enhance the guest experience, consider using QR codes linked to electronic seating charts. The following content will explain why QR codes can manage seating charts so effectively and how to easily create a QR - code seating chart.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg2jzizeiejwdt3hvib0m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg2jzizeiejwdt3hvib0m.png" alt="Digital Seating Chart" width="800" height="451"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  I. Why should you use QR codes to display seating charts?
&lt;/h2&gt;

&lt;p&gt;Nowadays, everyone has a smartphone, and scanning QR codes to obtain information has become a daily habit.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Enhance the guest experience&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;QR codes make the guest experience easier and more convenient. When they are ready to take their seats, they just need to scan the QR codes prominently posted around the event venue with their smartphones. The QR codes are linked to the electronic seating chart via a URL, helping guests quickly find their seats.&lt;/p&gt;

&lt;p&gt;In addition, compared with large - scale seating charts, QR codes are easier to arrange strategically within the venue. This is especially convenient for guests with limited mobility or visual impairments, as they may have difficulty viewing physical seating charts.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Improve efficiency and flexibility
When using traditional seating charts, it takes more time for guests to transition from the standing stage to the seating stage. If there is only one paper seating chart, guests will gather around it and have difficulty seeing clearly. Moreover, the placement of the seating chart can also affect some guests' access to it.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;QR codes make the seating process more efficient. Guests can scan the QR codes to take their seats at any time, which helps them find their seats faster and avoid congestion. To maximize efficiency, you can attach a complete venue map to the online seating chart to reduce confusion.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Simplify event management
QR codes are not only beneficial to guests but also convenient for event organizers. With an electronic seating chart, you can make temporary changes without causing trouble to guests. Flexibility is crucial when choosing an electronic seating chart platform. You need to be able to adjust the seating arrangement to deal with last - minute absences and guests bringing additional people.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  II. How to create a QR - code seating chart
&lt;/h2&gt;

&lt;p&gt;Creating a QR - code seating chart is a simple process but can have a huge impact on your event:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;1. Enter the Seatgo operation console homepage and directly click the "Seat Query" function on the left;&lt;/li&gt;
&lt;li&gt;2. Click "Create" - enter the event name - select the event type;&lt;/li&gt;
&lt;li&gt;3. Modify the form configuration and set the text according to the page prompts;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2p9j55qae11zktl4gzsd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2p9j55qae11zktl4gzsd.png" alt="QR - code seating chart" width="800" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;5. Obtain the event QR code, make it into a poster, and place it at the venue entrance;&lt;/li&gt;
&lt;li&gt;6. Batch import the information of participants in the event details;&lt;/li&gt;
&lt;li&gt;7. Guests can scan the code at the conference to get their seat numbers, table numbers, room numbers, etc. (according to your event configuration);&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx4qhntkcznibgclpbfr8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx4qhntkcznibgclpbfr8.png" alt="QR Code Guest Table Finder" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;After the conference/event, you can import the information of participants.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  III. What are the benefits of a QR - code seating chart?
&lt;/h2&gt;

&lt;p&gt;A QR - code seating chart allows guests to view the event seating arrangement via their smartphones, thereby minimizing the inconvenience caused by traditional posted seating charts.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It can display more event information for pre - invitation and distribution to guests;&lt;/li&gt;
&lt;li&gt;Seating information can be updated at any time, facilitating seat management;&lt;/li&gt;
&lt;li&gt;The seating chart is clear and easy to understand;&lt;/li&gt;
&lt;li&gt;It enhances the overall image of the event organizer;&lt;/li&gt;
&lt;li&gt;It improves the guest experience.
Sign up for &lt;a href="https://www.seatgo.net/" rel="noopener noreferrer"&gt;Seatgo now&lt;/a&gt;, create beautiful and personalized QR codes, and simplify the seating arrangement for your next event!&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>QR Code Wedding Seating Chart,Find Your Seat Instantly</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Wed, 15 Apr 2026 07:46:27 +0000</pubDate>
      <link>https://forem.com/seatgo/qr-code-wedding-seating-chartfind-your-seat-instantly-7a6</link>
      <guid>https://forem.com/seatgo/qr-code-wedding-seating-chartfind-your-seat-instantly-7a6</guid>
      <description>&lt;p&gt;Arranging a wedding seating chart is actually very simple. As long as you spend some time and effort in the planning process, you can arrange seats that satisfy the guests. Nowadays, most guests have smartphones, so we generally recommend using a digital seating chart. Guests only need to scan a QR code to view their seat numbers.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.seatgo.net/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F79g2wde9nq7jo19ntwds.png" alt="Seatgo" width="800" height="204"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Understand the venue floor plan and determine the table shape and arrangement
&lt;/h2&gt;

&lt;p&gt;Before arranging the seats, we need to contact the venue administrator to obtain the venue floor plan and determine the table shape and arrangement. Then we use PS or AI to generate a seating distribution map and seat numbers. For example, the venue layout diagram like the one below.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbef0q1ckpjg5gikn5sg5.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbef0q1ckpjg5gikn5sg5.jpeg" alt="QR Code Wedding Seating Chart" width="800" height="570"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create a digital seating QR code&lt;/li&gt;
&lt;/ol&gt;

&lt;ul&gt;
&lt;li&gt;1. In the &lt;a href="https://www.seatgo.net/" rel="noopener noreferrer"&gt;Seatgo backend&lt;/a&gt;, directly click on the "Seat Query" function on the left.&lt;/li&gt;
&lt;li&gt;2. Click "Create" - select the event type as "Banquet".&lt;/li&gt;
&lt;li&gt;3. Modify the form configuration and set the copy according to the page prompts.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx4ilqf9f4lt8n1pr528y.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx4ilqf9f4lt8n1pr528y.jpg" alt="QR Code Wedding Seating Chart" width="800" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;4. Place the intelligent seating QR code at the entrance of the wedding venue.&lt;/li&gt;
&lt;li&gt;5. Add or batch import seat information.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  3. Other wedding seating allocation rules
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Use age, relationship, personal interests, and experiences as a guide.&lt;/li&gt;
&lt;li&gt;Be considerate of each guest's special circumstances.&lt;/li&gt;
&lt;li&gt;Seek help from your parents.&lt;/li&gt;
&lt;li&gt;Encourage communication and interaction.&lt;/li&gt;
&lt;li&gt;Don't play matchmaker.&lt;/li&gt;
&lt;li&gt;Don't have too many people at a table.&lt;/li&gt;
&lt;li&gt;You can use a whiteboard or sticky notes to assist in the explanation.&lt;/li&gt;
&lt;li&gt;There are specialized applications that can do this. (Use a digital solution that can generate a seating chart.)&lt;/li&gt;
&lt;li&gt;Consider who sits near the lighting, heating or air conditioning, sound system, and restrooms.&lt;/li&gt;
&lt;li&gt;Do your best, but don't overthink it.&lt;/li&gt;
&lt;li&gt;Make or buy table cards, seat cards, and guest seating guides. Be creative and add some personalized elements. This will make your tables look more elegant and make your guests feel at home.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>qrcode</category>
      <category>html</category>
    </item>
    <item>
      <title>Laravel queue encounters "Failed to open stream: Too many open files"</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Wed, 15 Apr 2026 02:47:48 +0000</pubDate>
      <link>https://forem.com/seatgo/laravel-queue-encounters-failed-to-open-stream-too-many-open-files-1afk</link>
      <guid>https://forem.com/seatgo/laravel-queue-encounters-failed-to-open-stream-too-many-open-files-1afk</guid>
      <description>&lt;p&gt;During the execution of Laravel queues, the error "Failed to open stream: Too many open files" occurred, but the normal web service is functioning without issues. This is highly likely caused by an anomaly in the queue process.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Solution
&lt;/h2&gt;

&lt;p&gt;We can check the current limit using:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;ulimit&lt;/span&gt; &lt;span class="nt"&gt;-n&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If the current limit is too low, it can be changed to 65536.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;ulimit&lt;/span&gt; &lt;span class="nt"&gt;-n&lt;/span&gt; 65536
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;However, for PHP, simply modifying the LimitNOFILE limit usually does not solve the problem; we need to check other configurations.&lt;br&gt;
The Laravel team has deprecated the --daemon mode because memory and resource leaks are unavoidable.&lt;br&gt;
We just need to modify the supervisor configuration for our queue:&lt;br&gt;
ini&lt;/p&gt;
&lt;h2&gt;
  
  
  2. How to troubleshoot?
&lt;/h2&gt;

&lt;p&gt;We can check what is occupying the file descriptors. The specific method is as follows (shows all occupations, with the count first and the PID second):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;lsof | &lt;span class="nb"&gt;awk&lt;/span&gt; &lt;span class="s1"&gt;'{print $2}'&lt;/span&gt; | &lt;span class="nb"&gt;sort&lt;/span&gt; | &lt;span class="nb"&gt;uniq&lt;/span&gt; &lt;span class="nt"&gt;-c&lt;/span&gt; | &lt;span class="nb"&gt;sort&lt;/span&gt; &lt;span class="nt"&gt;-nr&lt;/span&gt; | &lt;span class="nb"&gt;head&lt;/span&gt; &lt;span class="nt"&gt;-10&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Once we see the usage count, we can identify which software is occupying them, making it easier to find the cause and solve the problem.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;ps &lt;span class="nt"&gt;-p&lt;/span&gt; 1331 &lt;span class="nt"&gt;-o&lt;/span&gt; pid,ppid,cmd,user,%cpu,%mem,lstart
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or simply:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;ps &lt;span class="nt"&gt;-p&lt;/span&gt; 1331 &lt;span class="nt"&gt;-f&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>laravel</category>
    </item>
    <item>
      <title>How to Use SeatGo for QR Code Check-in and Seat Lookup in Meetings?</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Tue, 14 Apr 2026 10:55:21 +0000</pubDate>
      <link>https://forem.com/seatgo/how-to-use-seatgo-for-qr-code-check-in-and-seat-lookup-in-meetings-2b98</link>
      <guid>https://forem.com/seatgo/how-to-use-seatgo-for-qr-code-check-in-and-seat-lookup-in-meetings-2b98</guid>
      <description>&lt;p&gt;Attendees only need to open their phones to scan the QR code to access the event invitation page. They can check in by entering their name and phone number, and simultaneously view seat information, event theme, time and venue, agenda, venue layout, and other details.&lt;br&gt;
If you want to implement such functions, simply follow these steps to quickly create a QR code or link for check-in and seat lookup for meetings, banquets, annual meetings, and other events.&lt;/p&gt;

&lt;h2&gt;
  
  
  Register an account and log in to the dashboard
&lt;/h2&gt;

&lt;p&gt;The event organizer in charge only needs to visit the website, register an account on the &lt;a href="https://seatgo.net/activity" rel="noopener noreferrer"&gt;SeatGo backend&lt;/a&gt;, and log in to the dashboard. It usually takes about 5 minutes to create a QR code for guest check-in and seat lookup.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsuo0udkutl306mixzbip.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsuo0udkutl306mixzbip.png" alt=" " width="800" height="451"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Tutorial for creating and configuring the event QR code
&lt;/h2&gt;

&lt;p&gt;• 1. Go to the &lt;a href="https://seatgo.net/activity" rel="noopener noreferrer"&gt;SeatGo dashboard homepage&lt;/a&gt; and click "Seat Lookup" on the left menu.&lt;br&gt;
• 2. Click Create, enter the event name, and select the event type.&lt;br&gt;
• 3. Modify the form settings and customize the text as prompted on the page.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftk4su785aebqubxjamlh.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftk4su785aebqubxjamlh.jpg" alt=" " width="800" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;• 5. Obtain the event QR code, design it into a poster, and place it at the venue entrance.&lt;br&gt;
• 6. Import the attendee information in bulk on the event details page.&lt;br&gt;
• 7. Attendees scan the code at the event to view their seat number, table number, room number, etc., based on your event configuration.&lt;br&gt;
• 8. After the meeting or event, you may export the attendee information.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnj6sj7iyzgip6znmzxeg.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnj6sj7iyzgip6znmzxeg.jpg" alt=" " width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The event QR code is permanently valid and can be reused. You may also display the QR code poster at the venue entrance for long-term use.&lt;/p&gt;

</description>
      <category>html</category>
    </item>
    <item>
      <title>Laravel: Compressing/Decompressing Files with Zipper</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Tue, 14 Apr 2026 02:57:02 +0000</pubDate>
      <link>https://forem.com/seatgo/laravel-compressingdecompressing-files-with-zipper-4dk2</link>
      <guid>https://forem.com/seatgo/laravel-compressingdecompressing-files-with-zipper-4dk2</guid>
      <description>&lt;p&gt;This is a simple wrapper for the ZipArchive method with some convenient features.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install dependencies using Composer
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;composer require chumper/zipper
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Post-installation configuration
&lt;/h2&gt;

&lt;p&gt;Register the service provider in the providers array in &lt;code&gt;config/app.php&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="nc"&gt;Chumper\Zipper\ZipperServiceProvider&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="n"&gt;class&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Also, register the facade in the aliases array in &lt;code&gt;config/app.php&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="s1"&gt;'Zipper'&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nc"&gt;Chumper\Zipper\Zipper&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="n"&gt;class&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Compressing files
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Zipper&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nv"&gt;$arr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;glob&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;public_path&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;$public_path&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt; &lt;span class="c1"&gt;//$public_path is the filename to be compressed&lt;/span&gt;
&lt;span class="nc"&gt;Zipper&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="nf"&gt;make&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;public_path&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;$reduce_path&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;$arr&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;close&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;  &lt;span class="c1"&gt;//public_path($reduce_path) is the filename after compression&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Note:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$public_path = 'aaa.txt';
$reduce_path = 'ddd.zip';
Extracting files
Extracting files
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Zipper&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nc"&gt;Zipper&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="nf"&gt;make&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;path_to_compressed_file&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;extractTo&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;path_for_extracted_files&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>laravel</category>
    </item>
    <item>
      <title>Lumen 5.5 Released! What's New and First Look</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Mon, 13 Apr 2026 02:14:37 +0000</pubDate>
      <link>https://forem.com/seatgo/lumen-55-released-whats-new-and-first-look-5e2f</link>
      <guid>https://forem.com/seatgo/lumen-55-released-whats-new-and-first-look-5e2f</guid>
      <description>&lt;p&gt;Lumen 5.5 is now available for everyone. This is considered a maintenance release that upgrades the underlying packages to the &lt;a href="https://laravel-news.com/laravel-5-5" rel="noopener noreferrer"&gt;Laravel 5.5 series&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Before upgrading your application to Lumen 5.5, you should review the &lt;a href="https://laravel.com/docs/5.5/upgrade#upgrade-5.5.0" rel="noopener noreferrer"&gt;Laravel 5.5 Upgrade Guide&lt;/a&gt; and make appropriate changes to your application based on the Laravel components you are using.&lt;br&gt;
Once you have made the necessary adjustments to your application, you can upgrade the Lumen framework dependency in your composer.json file and run the composer update command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="nl"&gt;"laravel/lumen-framework"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"5.5.*"&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For more information, please refer to the official &lt;a href="https://lumen.laravel.com/docs/5.5" rel="noopener noreferrer"&gt;Lumen documentation&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Lumen 5.5 New Features &amp;amp; Changes
&lt;/h2&gt;

&lt;p&gt;So far, apart from the core changes, I haven't noticed any obvious changes in other features. Currently, the function in routes/web.php has changed. In all previous versions, $app was always used, but now it has been changed to $router:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="nv"&gt;$router&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;get&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'test'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="s1"&gt;'IndexController@test'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>lumen</category>
    </item>
    <item>
      <title>Ubuntu 22.04 システムで Nginx 1.22 をコンパイルしてインストールするチュートリアル</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Fri, 10 Apr 2026 10:46:55 +0000</pubDate>
      <link>https://forem.com/seatgo/ubuntu-2204-sisutemude-nginx-122-wokonpairusiteinsutorusurutiyutoriaru-4in7</link>
      <guid>https://forem.com/seatgo/ubuntu-2204-sisutemude-nginx-122-wokonpairusiteinsutorusurutiyutoriaru-4in7</guid>
      <description>&lt;p&gt;以下は Ubuntu 20.04 システム上で Nginx 1.22 をコンパイルしてインストールする簡単なチュートリアルです。&lt;/p&gt;

&lt;p&gt;システムのソフトウェアパッケージを更新します。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt upgrade
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;コンパイルに必要な依存関係をインストールします。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install &lt;/span&gt;build-essential libpcre3-dev zlib1g-dev libssl-dev libxml2-dev libxslt1-dev libgd-dev libgeoip-dev libperl-dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Nginx のソースコードをダウンロードします。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;wget http://nginx.org/download/nginx-1.22.0.tar.gz
&lt;span class="nb"&gt;tar&lt;/span&gt; &lt;span class="nt"&gt;-zxvf&lt;/span&gt; nginx-1.22.0.tar.gz
&lt;span class="nb"&gt;cd &lt;/span&gt;nginx-1.22.0
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;コンパイルオプションを設定します。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;./configure &lt;span class="nt"&gt;--prefix&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;/usr/local/nginx &lt;span class="nt"&gt;--with-http_ssl_module&lt;/span&gt; &lt;span class="nt"&gt;--with-http_stub_status_module&lt;/span&gt; &lt;span class="nt"&gt;--with-pcre&lt;/span&gt; &lt;span class="nt"&gt;--with-http_gzip_static_module&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Nginx をコンパイルしてインストールします。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;make &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; make &lt;span class="nb"&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;インストールを検証します。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;/usr/local/nginx/sbin/nginx &lt;span class="nt"&gt;-v&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;インストールに成功すると、Nginx のバージョン情報が表示されます。&lt;/p&gt;

&lt;p&gt;Nginx を起動します。&lt;/p&gt;

&lt;p&gt;sudo /usr/local/nginx/sbin/nginx&lt;br&gt;
ブラウザにサーバーの IP アドレスまたはドメイン名を入力することで Nginx にアクセスできます。デフォルトでは、Nginx のデフォルトウェブサイトのディレクトリは /usr/local/nginx/html です。&lt;/p&gt;

&lt;p&gt;上記は Nginx をコンパイルしてインストールする基本的な例です。特定のニーズに応じて、さらなる設定と調整が必要になる場合があります。&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;nginx path prefix: "/usr/local/nginx"
nginx binary file: "/usr/local/nginx/sbin/nginx"
nginx modules path: "/usr/local/nginx/modules"
nginx configuration prefix: "/usr/local/nginx/conf"
nginx configuration file: "/usr/local/nginx/conf/nginx.conf"
nginx pid file: "/usr/local/nginx/logs/nginx.pid"
nginx error log file: "/usr/local/nginx/logs/error.log"
nginx http access log file: "/usr/local/nginx/logs/access.log"
nginx http client request body temporary files: "client_body_temp"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>ubuntu</category>
      <category>nginx</category>
    </item>
    <item>
      <title>How does Jquery monitor the click events of dynamically created elements?</title>
      <dc:creator>Seatgo</dc:creator>
      <pubDate>Fri, 10 Apr 2026 09:44:23 +0000</pubDate>
      <link>https://forem.com/seatgo/how-does-jquery-monitor-the-click-events-of-dynamically-created-elements-14m6</link>
      <guid>https://forem.com/seatgo/how-does-jquery-monitor-the-click-events-of-dynamically-created-elements-14m6</guid>
      <description>&lt;p&gt;During the process of using Jquery, we may dynamically create elements such as li/button, but we cannot listen to the created elements using the following methods:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;domains&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[{&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;id&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;测试1&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;},{&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;id&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;测试2&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;},{&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;id&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="mi"&gt;3&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;测试3&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;}];&lt;/span&gt;
&lt;span class="nx"&gt;$&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;each&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;domains&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="nx"&gt;domain&lt;/span&gt;&lt;span class="p"&gt;){&lt;/span&gt;
&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;#link_child&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;append&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;&amp;lt;li id="&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="o"&gt;+&lt;/span&gt;&lt;span class="nx"&gt;domain&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;id&lt;/span&gt;&lt;span class="o"&gt;+&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;"&amp;gt;&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="o"&gt;+&lt;/span&gt;&lt;span class="nx"&gt;domain&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="o"&gt;+&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;#link_child li&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;click&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(){&lt;/span&gt;
&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;linkChild&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;attr&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;id&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;#link_child li&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;removeClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;active&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;addClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;active&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We can use a new method to monitor clicks:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;on&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;click&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#link_child li&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(){&lt;/span&gt;
&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;id&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;attr&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;id&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;#link_child li&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;removeClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;active&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;addClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;active&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
