кнопка внутри таблицы, вызывающая JavaScript?

0 
<html>
<apex:includeScript value="//cdn.jsdelivr.net/jquery/1.7/jquery.min.js"/>          
<table width="100%">
             <tr>
             <td width="84%">      
             <apex:form id="form1" >
            <table bgcolor="#00C4FF" style="position:fixed;" width="100%" height="80">
             <tr>
             <td >
                   <b style="color:white;"> From :</b>
                    </td>
            <td>
                      <apex:selectList value="{!operator}" size="1" id="operator"  styleClass="input">
                        <apex:selectOption itemValue="=" itemLabel="Equal" />
                        <apex:selectOption itemValue="!=" itemLabel="Not Equal To"/>
                        <apex:selectOption itemValue="<=" itemLabel="Less Or Equal"/>
                        <apex:selectOption itemValue=">=" itemLabel="Greater Or Equal"/>
                        <apex:selectOption itemValue=">" itemLabel="Greater Than"/>
                        <apex:selectOption itemValue="<" itemLabel="Less Than"/>
                        <apex:selectOption itemValue="Like" itemLabel="Like"/>
                    </apex:selectList>
                    </td>
                    <td>              <apex:inputText value="{!inputText1}" id="autocomplete1"  styleClass="input"/>
            </td>
            <td>
                    <apex:commandButton value="Default View" action="{!showlist}" styleClass="input"/>
                    </td><td></td></tr></table><br/><br/><br/> 
                    </apex:form></td><td style="padding-top:173px;">
                    <button id="plusBtn" width="20px">+</button>
                    <button id="minusBtn" width="20px">-</button></td></tr></table>
    </html>

//когда кнопка внутри таблицы не работает. Она не вызывает javascript, когда кнопка за пределами таблицы вызывает javascript. он отлично работает 

     <button id="plusBtn" width="20px">+</button>
                <button id="minusBtn" width="20px">-</button>

Java script:

    <script type="text/javascript">
            $(document).ready(function(){
            var currFFZoom = 1;
            var currIEZoom = 100;
            var  button1 = document.getElementById("plusBtn");
    $(button1).on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom += step; 
            $("[id$=tblQuotes]").css('-moz-transform', 'scale(' + currFFZoom + ')');
        } else {
            var step = 2;
            currIEZoom += step;
            $("[id$=tblQuotes]").css('zoom', currIEZoom + '%');
        }
    });

    $('#minusBtn').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom -= step;                 
            $("[id$=tblQuotes]").css('-moz-transform', 'scale(' + currFFZoom + ')');

        } else {
            var step = 2;
            currIEZoom -= step;
            $("[id$=tblQuotes]").css('zoom', currIEZoom + '%');
        }
    });
            });
    </script>

когда кнопка внутри таблицы не работает. Она не вызывает javascript, когда кнопка за пределами таблицы вызывает javascript. он отлично работает

  • 0
    Проверьте консоль браузера на наличие ошибок! $.browser не рекомендуется для более новых версий jquery, включая 1.9!
  • 0
    Ваш HTML? создать jsfiddle
Показать ещё 7 комментариев
Теги:
zooming

1 ответ

0

Лучше всего я могу обойтись без просмотра HTML:

+ Изменить

    var  button1 = document.getElementById("plusBtn");
$(button1).on('click',function(){

к

    var  button1 = $("#plusBtn");
button1.click(function(){
Поделиться
  • 0
    Что не так с первым методом?
  • 0
    Невозможно сказать, не видя HTML, но on действительно предназначен для дочерних элементов объекта names, а не самого объекта.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню