jQuery Mobile Loader HTML Option

jQuery Mobile is a touch-optimized web framework designed to make responsive web development easier and faster. It provides a variety of widgets and tools to help developers build web applications that look and feel like native mobile applications.

One of the key features of jQuery Mobile is the loader widget, which is used to display a loading message or spinner while content is being fetched or processed. The loader widget can be customized using a variety of options, including the HTML option.

HTML option

The HTML option allows you to customize the content of the loader widget by providing your own HTML markup. This can be useful if you want to display a custom message or icon instead of the default spinner.

To use the HTML option, you simply pass a string of HTML markup to the loader widget when it is initialized. For example:

$(document).on("pageinit", "#myPage", function() {
  $.mobile.loading("show", {
    text: "Loading...",
    html: "<div class='my-loader-icon'></div>"
  });
});

In this example, we are using the HTML option to display a custom loader icon instead of the default spinner. The CSS class "my-loader-icon" can be used to style the icon as desired.

Conclusion

The HTML option is a powerful tool that can be used to customize the loader widget in jQuery Mobile. By providing your own HTML markup, you can create custom loading messages and icons that are tailored to your application's design and branding.