Bootstrap? JavaScript ????? ??? ??? ??? ??????

Bootstrap? JavaScript ????? ??? ??? ????? ?? ?? ??? ?? ??? ?? ?? ?? ??? ?????. ??? ? ??? ??? ??? ????.

1. ??? ?? : ?? ??? ????? ??? ? ? ?? ??? ???? ?? ??? ??? ? ????. ?? ??, ??? ?? ???? ??? ?????? ??? ?? ? ? ????.

    <code class="javascript">$('#myModal').modal({ backdrop: 'static', keyboard: false });</code>

   ? ??? ??? ?? ?? (?? ??? ?? ? ? ??? ??)? ??? ???? ??? ???? ???????.

2. ?? ? ??? : ?? ??? ????? ?? ?? ??? ???? ??? ???? ?????. ?? ???? ???? ??? ?? ? ? ????. ?? ??, ????? ???? ??? ???? ???? :

    <code class="javascript">$('#myModal').modal('show'); // Show the modal $('#myModal').modal('hide'); // Hide the modal</code>

3. ??? ?? : ?? ??? HTML? ??? ??? ?? ?? ??? ? ????. ?? ??, ??? ???? ?? ??? ????? ??? ????.

    <code class="html"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></code>

4. JavaScript Overrides :?? ?? ??? ??? ???? JavaScript ??? ????? ???? ? ?? ????. ???? ????? ?? ??? ????? ?? ???????? ???? ??? ?? ????? ??? ?? ??? ? ????.

??? ??? ???? ?????? ????? ?? ??? ?? ?? ???? JavaScript ????? ????? ??? ? ? ????.

Bootstrap? JS ?? ??? ???? ? ?? ??? ??? ??????

Bootstrap? JavaScript ?? ??? ?????? ??? ??? ?????. ? ??? ???? ??, ??, ? ?? ?? ?? ?? ??? ?? ? ??? ??? ?? ? ? ????. ??? ?? ?? ??? ?? ? ?? ???? ?? ?? ?????.

• ?? :

  • backdrop : ?? ?? ??? 'static' . ?? ? ??? ?? ?? ??? static ??????.
  • keyboard : ??. Escape Key? ??? ??? ????.
  • show : ??. ??? ? ? ??? ?????.

• ?? :

  • animation : ??. ??? CSS ??? ??? ??????.
  • placement : ??? ?? ??. ??? ???? ?? - ?? | ?? | ?? | ??? | ??.
  • title : ??? ?? ??. ?? ?? ? title ????? ??.

• ? ?? :

  • animation : ??. ? ??? CSS ??? ??? ??????.
  • placement : ??? ?? ??. ? ??? ???? ?? - ?? | ?? | ?? | ??? | ??.
  • content : ??? ?? ??. ?? ??? ? data-content ????? ??.

• ?? ?? :

  • interval : ??. ??? ???? ???? ??? ?? ??? ?????. False ? ?? ?? ??? ???? ???? ????.
  • pause : ??? ?? ??. ??? ???? ?? ??? ????? ?? ???? Mouseleave? ??? ?????.
  • wrap : ??. ?? ??? ????? ?? ????? ?? ?? ??? ??? ??.

???? ???? ? ?? ???? ?? ?? ??? ?? ??? ????. ? ?? ??? ?? Bootstrap? ???? ?? ?? ??? ?? ? ????.

Bootstrap? JavaScript ?????? ?? ??? ??? ?? ? ? ?????

Bootstrap? JavaScript ????? ?? ??? ????? ?? ?? ????? ??? ?? ?? ??? ??? ? ????.

1. ??? ?? : ??? ????? ?? ??? ???? ???? ???? ??? ? ????. ?? ?? ??? ?? ??? ????? ??? ????.

    <code class="javascript">$('#example').tooltip({ animation: false });</code>

2. ??? ??? : ?? ????? ???? ?? ??? ?? ????? ??? ??? ?? ???? ??? ? ????. ?? ??, ? ????? ??? ?? ??? ????? ??? ?? ??? ?? ? ? ????.

    <code class="javascript">$.fn.tooltip.Constructor.Default.placement = 'bottom';</code>

3. ?? ?? ??? ?? :?? ??? ??? ???? ???? ??? ?? ??? ???? ? ?? ????. ? ???? ? ???? ?? ??? ?? ? ?? ??? ???? ??? ? ????. ?? ??? ???? ???? JavaScript ??? ?? ? ?? ??? ?? ??? ??? ? ????.

4. ??? ?? ?? : HTML? ??? ??? ???? ?? ????? ?? ??? ??? ? ????. ?? ??, ?? ??? ?? ?? ??? ????? ??? ????.

    <code class="html"><a href="#" data-toggle="tooltip" data-placement="left" title="Hello World!">Hover over me</a></code>

??? ??? ???? ?? ???? JavaScript ????? ?? ??? ????? ???? ?? ?? ??? ?? ? ? ????.

?? ??? ????? ?? Bootstrap? JS ???? ??? ?? ? ? ?????

?, ?? ?? ??? ????? ?? Bootstrap? JavaScript ???? ??? ?? ? ? ????. Bootstrap? ????? ?? ?? ????? ???????? ???? ? ?? ??? ????.

1. ?? ? ?? : Bootstrap? ?? ????? ???? ?? ? ????? ?? ? ????. ?? ??, ?? ??? ?? ? ??? ?? ??? ???? Modal ???? ???? ??? ? ????.

    <code class="javascript">var MyCustomModal = Modal.extend({ constructor: function(element, options) { Modal.call(this, element, options); // Additional initialization }, show: function() { Modal.prototype.show.call(this); // Additional logic when showing the modal } });</code>

2. ??? ?? : ?? ??? ????? ?? ? ????? ??? ?? ???? ??????. ? ???? ???? ????? ????? ???? ??? ?? ? ? ????. ?? ??, ??? ?? ? ? ??? ?? ??? ????? ??? ????.

    <code class="javascript">$('#myModal').on('shown.bs.modal', function (e) { // Your custom behavior });</code>

3. ??? ??? : ????? ?? ???? ???? ??? ??? ? ????. ??? ?? ?? ??? ???? ?? ??? ??? ?????.

    <code class="javascript">var originalShowMethod = Modal.prototype.show; Modal.prototype.show = function() { // Your custom logic before showing the modal originalShowMethod.call(this); // Your custom logic after showing the modal };</code>

4. ??? ?? ?? : ?? ????? ??? ??? ???? ?? ??? ???? ??? ??? ??? ?? ? ?? ????. ?? ??, Modal ???? ? ???? ?????.

    <code class="javascript">Modal.prototype.myNewMethod = function() { // New functionality here };</code>

??? ?? ??? ???? Bootstrap? JavaScript ????? ???? ????? ?? ? ?? ??? ???? ?? ??? ??? ?? ? ???? ?? ? ? ????.

? ??? Bootstrap? JavaScript ????? ??? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!